デザイナーの大西です。 Android ユーザーの皆さん、Sleipnir Mobile for Android はお使いいただけていますか？まだの方はぜひお試しくださいね。 Sleipnir Mobile – ウェブブラウザ – Android マーケット 本題ですが、Android 端末は様々な解像度があるので、ボタンなどが拡大されても汚くならないよう、画像素材を引き伸ばし可能な形にする必要があります。 Android OS 用に画像の引き伸ばしを指定したものが NINE Patch 画像です。 NINE Patch 画像の基本的な構造と作り方、応用編を紹介します。 NINE Patch 画像の作成には、Android の SDK で draw9patch というツールが提供されているのでそれを使います。 draw9patch は <Android SDK フォルダ>/tools 内に
Android SDKにはNinePatchを簡単につくるツール「draw9patch」が付属しています。9patchはビットマップイメージを高品位に拡大するためのフォーマットです。縮小には対応していませんが、1つの画像でいくつものサイズに対応できるため、効率的にアプリケーションサイズを圧縮できます。 右の画像ではTextViewの背景画像に9patchを適応したpngイメージを指定しています。2つのTextViewは改行の都合でアスペクト比が異なっていますが、9patchを使うことで背景画像のゆがみを抑制できています。 9patchまとめ リソースを節約しつつ高品位な背景が作れる 命名規則は画像のフォーマットに併せて最後尾に.9を付与(.9.pngなど） 画像の左と上の端1pxは拡大範囲を表す 画像の右と下の端1pxはコンテンツの範囲を表す(オプション) 以下は9patchの適用例(画像
角丸が綺麗に表示されない！ ボタンを作りました！ 角丸のボタンです。 早速ボタンの背景に設定しました。 なんてこったい 設定するボタンが大きすぎて背景画像が引き伸ばされてしまいます。 9patchを使おう！ そこで9patchの出番です。 9patchは、画像よりモノが大きかった場合（今回は画像よりボタンが大きかった） 引き伸ばす部分を指定することで、画像の崩れを無くす事ができるのです！ Fireworksでいう所の9スライスという機能に似ています。 先ほどのボタン画像に9patchの処理を施してみます。 できました！ 上側と左側に黒い1ピクセルが見えますでしょうか？ ちょっと拡大します。 拡大したのでボケてますが、これなら分かりますね。 9patchは上下左右に、アルファ無しの黒(#000000)の印を付けることで伸ばす部分を指定します。 上下左右それぞれ意味があります。 上と左の印は必
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
