1. ホーム
  2. アンドロイド

Android ボタンにボーダーと背景色を追加する

2022-02-24 16:12:29

1. ボタンの右枠と下枠の色を赤に、枠の大きさを3dpに設定するには、次のようにします。

drawableに以下の内容でbuttonstyle.xmlを新規作成します。

[html】をご覧ください。] 表示プレーン コピー
  1. <? xml バージョン = "1.0"。 エンコーディング = "UTF-8"。 ?
  2. < レイヤーリスト xmlns: アンドロイド = "http://schemas。 アンドロイド .com/apk/res/ アンドロイド "

    >
  3. <! -- ハイフンで囲まれた色の値 --> < 項目 >
  4. < 形状 >
  5. < ソリッド アンドロイド カラー = <スパン "#ff0000"。 />
  6. <スパン </ 形状 >
  7. <スパン </ 項目 >
  8. <! -- main body background color value -->
  9. < 項目 アンドロイド :ボトム = <スパン "3dp"。 <スパン <スパン アンドロイド :右 = <スパン "3dp"。 > <スパン
  10. < 形状 >
  11. < ソリッド アンドロイド カラー = <スパン "#ffffff"。 />
  12. <スパン
  13. <スパン < パディング アンドロイド :ボトム = <スパン "10dp"。
  14. アンドロイド :左 = <スパン "10dp"。
  15. アンドロイド :右 = <スパン "10dp"。
  16. アンドロイド トップ = <スパン "10dp"。 <スパン />
  17. <スパン </ 形状 >
  18. <スパン </ 項目 >
  19. <スパン </ レイヤーリスト >

そして、レイアウトファイルの中のButtonの中に、以下のように設定します。

  1. <スパン < ボタン
  2. アンドロイド :id = "@+id/button1"。
  3. アンドロイド レイアウト幅 = <スパン wrap_content"。
  4. <スパン アンドロイド レイアウト高さ = <スパン wrap_content"。
  5. アンドロイド テキスト = <スパン Button1"。
  6. アンドロイド 背景 = "@drawable/buttonstyle"。 />


<スパン 2. 本記事の著作権は著者に帰属します <スパン 無断転載を禁じます。どなたでも、メディアでもウェブサイトでも、この記事を転載・借用する場合は著者の許可を得る必要があります。

  1. GradientDrawable drawable =  新規  GradientDrawable()を使用します。  
  2. drawable.setShape(GradientDrawable.RECTANGLE)を実行します。  // 枠を描画する
  3. drawable.setStroke( 1 , Color.BLUE)。  // ボーダーの太さと色
  4. drawable.setColor( 0x22FFFF00 );  // 内側のボーダーの色
  5. <スパン
  6. mFullscreenBtn =  新規  ボタン(ctx)。  

  1. mFullscreenBtn.setBackgroundDrawable(drawable)を実行します。  // 背景を設定する(効果はボーダーと背景色です)