Android Studioでポイント9画像を使用する詳細なチュートリアル

序文:最近再び使用されました。写真9枚、以前に記録がなかったので、たくさん回り道をしました。ですから、良い記憶は悪い書きほど良いものではありません。ここに記録します。理解できない生徒を支援したいと思っています。WeChatのチャットふきだしなど、次の9枚の写真の機能を簡単に紹介します。入力するコンテンツはランダムであるため、チャットふきだしの背景の形状は固定されず、大きくても小さくても、長くても短くてもかまいません。現時点では、この変更の問題を解決するために1ポイント9の画像を使用できます。


1.通常の画像を右クリックして、.9画像を作成します

ここでは例としてic_launcherを取り上げ、右クリックして[9パッチファイルの作成...]を選択します。

その後、ポイント9の画像を保存することを選択します必ず、ドローアブルフォルダーに配置してください


2. 9つの画像を編集します。

2.1、ストレッチ領域を編集する

画像の上部と左側は、画像の引き伸ばされた領域を示しています。ペンのように、マウスの左ボタンを直接押したままにすることができます。ストレッチしたい領域を描きます。描画後、もちろんそれを調整することもできます(もちろんキャンセルすることもできます。Shiftキーを押したままにすると、消しゴム機能に相当し、マウスの左ボタンを押したままにすると、消去した領域を描画できます)

ここで私は小さなロボットの頭と目の下の小さな断片を伸ばしました。ここで注意すべき点:

  • この.9画像は、背景に設定されている場合にのみ有効になります。
  • imageViewのsrcの設定が無効ですinvalid invalid invalid

効果は次のとおりです(ストレッチされた領域の変形を除いて、他の領域は元の比率を維持しています。スペースの大きさに関係なく)。


2.2、コンテンツフィル領域の編集

画像の下部と右側は、コンテンツで塗りつぶされる領域を決定します。では、コンテンツの充填とは何でしょうか?まず、図に示すように下側と右側を描画します(ここでは[コンテンツを表示]をオンにしました。コンテンツの塗りつぶされた領域が参照画像に表示されています)。ここで設定した塗りつぶされた領域は、この小さなロボットの白い領域です。ここでは、塗りつぶされた領域である、下部と右の間の交差領域を確認できます。

この時点で、このポイント9の画像をTextViewに配置します。次に、テキストをtextViewに設定して、効果がどのようになるかを確認します。テキストコンテンツが実際に表示されるのは、小さなロボットの白い領域だけであることがわかります。


3. 9枚の写真のピットをポイントします。注意が必要です

  • ドローアブルに配置する必要があります
  • 必ずバックグラウンドで配置してください(ここで、glideがポイント9をロードできる方法を解決したいと思います。知っている人なら誰でもわかると思います。セルフテストする必要があります)
  • 特別な注意が必要な特別な状況もあります。作成したポイント9の画像のpngが十分に大きい場合は、ストレッチ領域を描画しますが、今回は非ストレッチ領域を決定します。あなたが領域を伸ばさないならば、ロゴがあります。このポイント9の画像を配置しても、画像は変形、変形、変形します。その理由は、画像自体が大きすぎるためです。比較的小さなコントロールの背景に配置すると、引き伸ばされた領域は0に縮小されます。引き伸ばされていない領域のサイズは、コントロールのサイズよりも大きくなります。自然に変形し、画像が有効にならない点を示します。感じ。注意を払いたい

おすすめ

転載: blog.csdn.net/leol_2/article/details/103876341