Androidはどのようにボタンの効果をカスタマイズしますか?


Androidの原生のボタンはどんなに醜くて、効果はどんなに単調で、みんなも誰の目にも明白です。
アプリを作るにはボタンを使う必要があります。綺麗なボタンは美しい効果と外観が欠かせません。今回は主にdrawableのxmlファイルで綺麗なカスタマイズスタイルを教えます。
まずは見た目
APPの中で四角い方、灰色の底の黒い字のボタンはとてもみっともないです。私達が見たいのは円角、色、白字です。
まず、layoutにボタンを新規作成して、drawableフォルダにdrawable resource fileを作成します。shapeと名づけて、selectorノードにitemノードを新規作成して、itemノードにスタイルを追加します。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item>
  <shape>
   <!--      (  ) -->
   <solid android:color="#28baa7" />
   <!--             -->
   <!-- android:radius       -->
   <corners android:radius="5dip" />

   <!-- padding:Button      Button      -->
   <padding
   android:left="10dp"
   android:top="10dp"
   android:right="10dp"
   android:bottom="10dp"
   />
  </shape>
 </item>
</selector>

クリックした後のボタンの形をしたいなら、もう一つのitemノードを追加します。全体のdrawableはこのようにします。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:state_pressed="true">
  <shape>
   <!--      (  ) -->
   <solid android:color="#aaa" />
   <!--             -->
   <!-- android:radius       -->
   <corners android:radius="5dip" />

   <!-- padding:Button      Button      -->
   <padding
    android:left="10dp"
    android:top="10dp"
    android:right="10dp"
    android:bottom="10dp"
    />
  </shape>
 </item>
 <item>
  <shape>
   <!--      (  ) -->
   <solid android:color="#28baa7" />
   <!--             -->
   <!-- android:radius       -->
   <corners android:radius="5dip" />

   <!-- padding:Button      Button      -->
   <padding
   android:left="10dp"
   android:top="10dp"
   android:right="10dp"
   android:bottom="10dp"
   />
  </shape>
 </item>

</selector>

このような形は普通は明るい緑の周りの円角で、クリックする時は白い円角です。クリックする以外にもたくさんの場合は自分で探してください。大同小異です。
はい、次はレイアウトファイルの設定です。

 <Button
  android:layout_width="150dp"
  android:layout_height="wrap_content"
  android:text="button"
  android:textColor="#fff"
  android:background="@drawable/shape"
  android:id="@+id/btn"
  android:layout_gravity="center_horizontal" />

これは文字を白にして中に置いて、いいですね。いいボタンが誕生しました。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。