上の画像のようなボタンを作成しようとしています。当初、私のアイデアは9パッチを作成し、それをボタンの背景として設定することでした。でも、これは無地のボタンなので、なんとか画像を使わずに描くことができると思います。
ボタンの背景色は#0c0c0cです。境界線の色は#1a1a1aです。テキストの色は#ccccccです。
私はSOで同様の質問を見つけましたが、それはグラデーションを作成し
ます-Android-ボタンの境界線
上の画像のようなボタンを作成しようとしています。当初、私のアイデアは9パッチを作成し、それをボタンの背景として設定することでした。でも、これは無地のボタンなので、なんとか画像を使わずに描くことができると思います。
ボタンの背景色は#0c0c0cです。境界線の色は#1a1a1aです。テキストの色は#ccccccです。
私はSOで同様の質問を見つけましたが、それはグラデーションを作成し
ます-Android-ボタンの境界線
Android開発者ガイドには、これに関する詳細なガイドがあります:ShapeDrawbables。
gradient
指定したリンクから要素を削除することもできます。
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="3dp" />
<stroke android:width="5px" android:color="#1a1a1a" />
</shape>
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/textView1"
android:layout_alignLeft="@+id/textView1"
android:layout_marginBottom="56dp"
android:text="Button"
android:textColor="#FF0F13"
android:background="@drawable/bbkg"/>//create bbkg.xml in drawable folder
bbkg.xml//ボタンの背景
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
android:drawable="@drawable/pressed" />
<item android:state_focused="false"
android:drawable="@drawable/normal" />
</selector>
normal.xml //ボタン背景通常状態
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#10EB0A"/>
<stroke android:width="3dp"
android:color="#0FECFF" />
<padding android:left="5dp"
android:top="5dp"
android:right="5dp"
android:bottom="5dp"/>
<corners android:bottomRightRadius="7dp"
android:bottomLeftRadius="7dp"
android:topLeftRadius="7dp"
android:topRightRadius="7dp"/>
</shape>
Pressed.xml //ボタンの背景が押された状態
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#FF1A47"/>
<stroke android:width="3dp"
android:color="#0FECFF"/>
<corners android:bottomRightRadius="7dp"
android:bottomLeftRadius="7dp"
android:topLeftRadius="7dp"
android:topRightRadius="7dp"/>
</shape>