自定義按鈕android

1. 如何自定義android Button樣式

親，可以用到Drawable中的shape哦，給你一個demo

java"><?xmlversion="1.0"encoding="utf-8"?>
<selectorxmlns:android="

<itemandroid:state_focused="false">
<shape>
<solidandroid:color="@color/find_passwordbar_bg"/>
<strokeandroid:width="0.5dp"android:color="#C8C8C8"/>
</shape>
</item>

<itemandroid:state_focused="true">
<shape>
<solidandroid:color="@color/find_passwordbar_bg"/>
<strokeandroid:width="0.5dp"android:color="@color/main_color"/>
</shape>
</item>

</selector>

各個屬性的介紹

solid：實心，就是填充的意思
android:color指定填充的顏色

gradient：漸變
android:startColor和android:endColor分別為起始和結束顏色，ndroid:angle是漸變角度，必須為45的整數倍。
另外漸變默認的模式為android:type="linear"，即線性漸變，可以指定漸變為徑向漸變，android:type="radial"，徑向漸變需要指定半徑android:gradientRadius="50"。

stroke：描邊
android:width="2dp"描邊的寬度，android:color描邊的顏色。
我們還可以把描邊弄成虛線的形式，設置方式為：
android:dashWidth="5dp"
android:dashGap="3dp"
其中android:dashWidth表示'-'這樣一個橫線的寬度，android:dashGap表示之間隔開的距離。

corners：圓角
android:radius為角的弧度，值越大角越圓。
我們還可以把四個角設定成不同的角度，方法為：
<corners
android:topRightRadius="20dp"右上角
android:bottomLeftRadius="20dp"右下角
android:topLeftRadius="1dp"左上角
android:bottomRightRadius="0dp"左下角
/>

我自己寫的一個按鈕，效果就像圖中所示，用的Shape

新建後存放位置在res/drawable下

希望能幫到你，還望採納

2. 如何自定義android Button樣式

在windows7操作系統Android studio中按照如下方法定義button的樣式。

1、首先使用Android studio創建一個項目，項目結構如下：

3. 如何自定義android Button樣式

第一步 使用xml定義一個圓角矩形，外圍輪廓線實線、內填充漸變色
<!--?xml version="1.0" encoding="utf-8"?--><layer-list xmlns:android="http://schemas.android.com/apk/res/android"><item><shape android:shape="rectangle"><solid android:color="#FFEC7600"><corners android:bottomleftradius="5dip" android:bottomrightradius="5dip" android:topleftradius="5dip" android:toprightradius="5dip"></corners></solid></shape></item><item android:bottom="1px" android:left="1px" android:right="1px" android:top="1px"><shape><gradient android:angle="90" android:centerx="0.5" android:centery="0.5" android:endcolor="#FFFED69E" android:startcolor="#FFEC7600" android:type="linear"><corners android:bottomleftradius="5dip" android:bottomrightradius="5dip" android:topleftradius="5dip" android:toprightradius="5dip"></corners></gradient></shape></item></layer-list>
第二步寫一個選擇器bg_button_select.xml
第三部，button中引用android:background="@drawable/bg_button_select"

4. 如何自定義android Button樣式

主要有2種方式進行自定義android button 的樣式。

【主要方式】

1. 自定義button樣式。

2. 自定義style樣式。

   
   

【原理】

通過android sdk提供的方案進行自定義相關的android button的樣式。

【詳細實現步奏】

1.自定義button樣式

主要是通過自定義背景圖或者通過自定義selector的方式形成button的樣式效果。

1.1圖片的方式：

<?xmlversion="1.0"encoding="utf-8"?>
<selectorxmlns:android="http://schemas.android.com/apk/res/android">
<itemandroid:state_pressed="true"android:drawable="@drawable/a1";/>
<itemandroid:state_focused="true"android:drawable="@drawable/a2";/>
<itemandroid:drawable="@drawable/a1";/>
</selector>

xm布局文件使用

<Buttonandroid:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/button_style">
</Button>

1.2 自定義selector的方式，selector 種使用以下屬性進行自定義自己所需要的按鈕樣式。

gradient 主體漸變，startColor開始顏色，endColor結束顏色 ， angle開始漸變的角度（值只能為90的倍數，0時為左到右漸變，90時為下到上漸變，依次逆時針類推） stroke 邊框 width 邊框寬度，color 邊框顏色， corners 圓角 radius 半徑，0為直角， padding text值的相對位置。

2.自定義style樣式

如下樣式：

<resourcesxmlns:android="http://schemas.android.com/apk/res/android">
<stylename="AppBaseTheme"parent="android:Theme.Light">
</style>
<stylename="AppTheme"parent="AppBaseTheme">
</style>
<stylename="btnStyle">
<itemname="android:textSize">30px</item>
<itemname="android:width">15px</item>
<itemname="android:height">15px</item>
</style>
</resources>

xml文件中引用

<Button
style="@style/btnStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world"/>

【最後】

2種方式組合使用效果更佳，效率更高，修改方便。

5. 如何自定義android Button樣式

1）自定義button樣式
一、採用圖片方式
首先新建Android XML文件，類型選Drawable，根結點選selector，自定義一個文件名。
隨後，開發環境自動在新建的文件里加了selector結點，我們只需要在selector結點里寫上三種狀態時顯示的背景圖片（按下、獲取焦點，正常）即可。具體如下：
<?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/play_press" ;/>
<item android:state_focused="true" android:drawable="@drawable/play_press" ;/>
<item android:drawable="@drawable/play" ;/>
</selector>

註：這里獲取焦點跟點擊時顯示的是同一張圖片，必須嚴格照上面的順序寫，不可倒。
最後，只要在布局時寫Button控制項時應用到Button的Background屬性即可，如：
<Button android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/button_style">
</Button>
二、採用自定義方式
在源代碼中，只需要修改button_style文件,同樣三種狀態分開定義：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape>
<gradient android:startColor="#0d76e1"
android:endColor="#0d76e1"
android:angle="270" />
<stroke android:width="1dip" android:color="#f403c9" />
<corners android:radius="2dp" />
<padding android:left="10dp" android:top="10dp"
android:right="10dp" android:bottom="10dp" />
</shape>
</item>

<item android:state_focused="true">
<shape>
<gradient android:startColor="#ffc2b7" android:endColor="#ffc2b7" android:angle="270" />
<stroke android:width="1dip" android:color="#f403c9" />
<corners android:radius="2dp" />
<padding android:left="10dp" android:top="10dp"
android:right="10dp" android:bottom="10dp" />
</shape>
</item>

<item>
<shape>
<gradient android:startColor="#000000" android:endColor="#ffffff"
android:angle="180" />
<stroke android:width="1dip" android:color="#f403c9" />
<corners android:radius="5dip" />
<padding android:left="10dp" android:top="10dp"
android:right="10dp" android:bottom="10dp" />
</shape>
</item>
</selector>

註：代碼中的各屬性含義為：
gradient 主體漸變
startColor開始顏色，endColor結束顏色 ，
angle開始漸變的角度（值只能為90的倍數，0時為左到右漸變，90時為下到上漸變，依次逆時針類推）
stroke 邊框 width 邊框寬度，color 邊框顏色
corners 圓角 radius 半徑，0為直角
padding text值的相對位置
2）自定義style樣式
一、在style.xml中自定義樣式
以自定義text文本大小和顏色為例，自定義一個名稱為"testStyle"的style代碼如下：

<resources xmlns:android="http://schemas.android.com/apk/res/android">
<style name="AppBaseTheme" parent="android:Theme.Light">
</style>
<style name="AppTheme" parent="AppBaseTheme">
</style>

<style name="testStyle">
<item name="android:textSize">30px</item>
<item name="android:textColor">#1110CC</item>
<item name="android:width">150dip</item>
<item name="android:height">150dip</item>
</style>
</resources>

二、在layout文件中引用自定義的"testStyle"的style樣式

<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"
tools:context=".MainActivity" >

<TextView
style="@style/testStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="@string/hello_world" />

</RelativeLayout>