一个简单的自定义SwitchButton

一个简单的自定义Switchbutton

xml中定义:

<Switch
style="@style/widget_gender_switch"
android:layout_width="110dp"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:checked="false"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:showText="true"
android:textColor="@drawable/switch_text"
android:textOff="关"
android:textOn="开"
android:id="@+id/switch_resume"/>

style定义:

<style name="widget_gender_switch">
<item name="android:switchTextAppearance">@style/Sw</item>
<!-- 此设置不需要文字，只显示背景图的开关 -->
<item name="android:thumb">@drawable/widget_gender_thumb</item>
<!--滑块格式9.png -->
<item name="android:thumbTextPadding">20dp</item>
<item name="android:track">@drawable/widget_gender_track</item>
<!-- 背景图的开关 格式9.png-->
</style>
<style name="Sw" parent="@android:style/TextAppearance.Holo.Small">
<!-- Switch thumb asset presents a dark background. -->
<item name="android:textColor">#fff</item>
</style>

效果图:



style定义Sw 中 一定要继承@android:style/TextAppearance.Holo.Small

否则字的颜色显示可能存在一定问题,在某些设备上可能颜色会是黑色.