Androidはどのようにボタンの効果をカスタマイズしますか?
Androidの原生のボタンはどんなに醜くて、効果はどんなに単調で、みんなも誰の目にも明白です。
アプリを作るにはボタンを使う必要があります。綺麗なボタンは美しい効果と外観が欠かせません。今回は主にdrawableのxmlファイルで綺麗なカスタマイズスタイルを教えます。
まずは見た目
APPの中で四角い方、灰色の底の黒い字のボタンはとてもみっともないです。私達が見たいのは円角、色、白字です。
まず、layoutにボタンを新規作成して、drawableフォルダにdrawable resource fileを作成します。shapeと名づけて、selectorノードにitemノードを新規作成して、itemノードにスタイルを追加します。
はい、次はレイアウトファイルの設定です。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
アプリを作るにはボタンを使う必要があります。綺麗なボタンは美しい効果と外観が欠かせません。今回は主に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" />
これは文字を白にして中に置いて、いいですね。いいボタンが誕生しました。以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。