[B! 9patch] tkumazakiのブックマーク

tkumazaki id:tkumazaki

9patchに関するtkumazakiのブックマーク (2)

[Android アプリの UI デザイン] 9-patch の作りかたのまとめと Tips | DevelopersIO
はじめにこんばんは。アンドロイダー？な諏訪です。本シリーズ「Android アプリの UI デザイン」では、Android アプリの UI デザインについて広く取り扱っていきます。 UI デザインといっても、時にはデザイナー目線で「このようなレイアウトだったらユーザは迷わないだろう」や「情報はこうまとめたほうが見やすいだろう」といったようなことを述べたり、また時にはデベロッパー目線で「こういう UI デザインはこういう実装方法で実現できるよ」や「Android の性質上、こういうデザインにすべき」といったようなことを述べたりしようと思っています。賛否両論な意見を述べることもあるかも知れませんが…意見交換の場になって、学びあえればそれはそれで良いかなぁ、なんて思っています (とはいうものの、当面は実装方法の基礎的なところをおさらいしていきたいと思ってます)。どうぞよろしくお願いします。
tkumazaki 2013/03/08
android

tips

9patch
リンク
9patchを覚えよう！ - 明日の鍵（跡地）
角丸が綺麗に表示されない！ボタンを作りました！角丸のボタンです。早速ボタンの背景に設定しました。なんてこったい設定するボタンが大きすぎて背景画像が引き伸ばされてしまいます。 9patchを使おう！そこで9patchの出番です。 9patchは、画像よりモノが大きかった場合（今回は画像よりボタンが大きかった）引き伸ばす部分を指定することで、画像の崩れを無くす事ができるのです！ Fireworksでいう所の9スライスという機能に似ています。先ほどのボタン画像に9patchの処理を施してみます。できました！上側と左側に黒い1ピクセルが見えますでしょうか？ちょっと拡大します。拡大したのでボケてますが、これなら分かりますね。 9patchは上下左右に、アルファ無しの黒(#000000)の印を付けることで伸ばす部分を指定します。上下左右それぞれ意味があります。上と左の印は必
tkumazaki 2012/08/20
android

デザイン

9patch
リンク
1