web-dev-qa-db-ja.com

Photoshopで9パッチを作成する方法は? 9.pngエンコーディングとは何ですか?

提供されたユーティリティは見た目が悪く、たとえば「名前を付けて保存」したり、同様のスライスで複数のボタンの状態を描画したりすることはできません。

フォトショップで9.pngを描画することは可能ですか?私は、生成されたpngの外側のエッジに黒いピクセルが含まれていることに気付きました。これはスライスをマークしているものですか?

黒いピクセルが2つの反対側のエッジに存在する場合、これはどのように機能しますか?

Androidで表示すると、外縁が切り取られますか?

16
Suzan Cioc

はい、9つのパッチすべてをPhotoshopで実行します。 9パッチを作成するための基本的なルールは次のとおりです。

  1. 外側の1pxマージンには、100%の黒(RGB 0、0、0)または完全に透明な部分のみを含めることができます。

  2. 上余白と左余白の黒いピクセルはストレッチポイントを定義し、実線、1つのポイント、または2つの別々のポイントである必要があります。 2つの点が定義されている場合、2つの点の間で均等に伸びます。

  3. 下余白と右余白の黒いピクセルは、コンテンツ領域を定義します。これらのピクセルは、1つの連続したラインでなければなりません。

  4. 保存するときは、必ず.9.png拡張子を追加してください。

お役に立てれば。 :)

編集:そして、はい、それらがレイアウトで使用された場合、適切にフォーマットされ、それを.9.pngとして保存した場合、それらは表示されません。

enter image description here

enter image description here

さて、トップはスピナー用のシンプルな9つのパッチになります。 2番目の画像の上下の線は、複製されるピクセルの行/列を示しています。 2番目の画像の青い四角形は、Androidでコンテンツを配置できる領域を示しています。たとえば、テキストは単に折り返されてこの四角形の内側にとどまります。

48
Kevin Coppock