0

ボタンのカスタム設計

シンプルなボタンがあります

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="Button" />

</RelativeLayout>

以下のようにこのボタンをカスタムデザインするにはどうすればよいですか

ここに画像の説明を入力

私がやろうとしている仕様::

  • 背景黒色
  • 図のようにボタンの下部にあるボタンのテキスト

何か案は

4

1 に答える 1

1

重力を使ってテキストを配置することについて、Pulkit は正しい。具体的には、おそらく次のことが必要です。

    android:gravity="bottom|center_horizontal"

黒の背景には、background xml 属性を使用できます。

    android:background="@drawable/btn_black"

もちろん、drawable フォルダーに btn_black.png という名前の png を用意する必要があります。

ボタンが押されたように見えるようにする場合は、各状態 (押されている、通常、フォーカスされているなど) ごとに異なるドローアブルが必要です。ボタンの背景を、次のような状態を記述した xml ファイルに設定する必要があります。

    <?xml version="1.0" encoding="utf-8"?> 
      <selector xmlns:android="http://schemas.android.com/apk/res/android">   
      <item android:state_focused="true" android:drawable="@drawable/btn_black_normal"/> 
      <item android:state_pressed="true" android:state_enabled="false"
            android:drawable="@drawable/btn_black_pressed" />
      <item android:drawable="@drawable/btn_black_normal"/> 
    </selector>
于 2013-10-04T02:37:12.250 に答える