创建一个切换/滑动按钮

时间:2013-10-30 10:48:56

标签: android

我已经按照Android: Create a toggle button with image and no text中的答案一切都很好但是当我加载我的应用程序时,当我点击我的切换按钮时,没有任何事情发生,就像它没有从关闭状态变为开启状态。那么我需要做些什么才能完成滑动工作呢?我是否需要编码任何代码,如果是,我应该编码什么? 谢谢 btn_toggle_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+android:id/background"
    android:drawable="@android:color/transparent" />
<item android:id="@+android:id/toggle" 
    android:drawable="@drawable/btn_toggle" />
</layer-list>

btn_toggle.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="false"
     android:drawable="@drawable/close" />
<item android:state_checked="true" 
    android:drawable="@drawable/open" />
</selector>

layout.xml

           <ToggleButton
               android:id="@+id/toggleButton"
               style="@style/toggleButton"
               android:layout_width="wrap_content"
               android:layout_height="match_parent"
               android:background="@drawable/btn_toggle_bg"
                android:onClick="onToggleClicked"
               android:layout_marginLeft="150dp" />

style.xml

<style name="Widget.Button.Toggle" parent="android:Widget">
<item name="android:background">@drawable/btn_toggle_bg</item>

<item name="android:disabledAlpha">?android:attr/disabledAlpha</item>
<style name="toggleButton"  parent="@android:Theme.Black">
 <item name="android:buttonStyleToggle">@style/Widget.Button.Toggle</item>

</style>

1 个答案:

答案 0 :(得分:1)

按照以下三个步骤操作,所有应用程序的togglebutton都获得了新的风格!

toggle.xml :( drawable-folder)

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="false" android:drawable="@drawable/toggle_off" />
    <item android:state_checked="true" android:drawable="@drawable/toggle_on" />
</selector>

styles.xml :( values-folder)

<style name="toggle" parent="@android:style/Widget.Button.Toggle">
    <item name="android:background">@drawable/toggle</item>
    <item name="android:textOn"> </item>
    <item name="android:textOff"> </item>
</style>

最后一步你必须教授当前AppTheme,你有一个自定义切换按钮:

<style name="AppTheme" parent="android:Theme.Holo.Light">
    <item name="android:buttonStyleToggle">@style/toggle</item>
</style>