是否可以在 Android 中创建一个有图像但没有文本的切换按钮？理想情况下，它看起来像这样：
我看过类似的帖子，答案是更改背景，但我想保留 Holo Light 布局，只是将文本与图像交换。
我需要能够以编程方式更改图像源，
有什么想法我会怎么做？
如果这不能完成，有没有办法我可以打开和关闭普通按钮？
问问题
111534 次
4 回答
120
我可以用图像替换切换文本吗
不，我们不能，尽管我们可以通过覆盖切换按钮的默认样式来隐藏文本，但这仍然不会为我们提供您想要的切换按钮，因为我们无法用图像替换文本。
如何制作普通的切换按钮
在您的文件夹中创建一个文件ic_toggle
res/drawable<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_checked="false" android:drawable="@drawable/ic_slide_switch_off" /> <item android:state_checked="true" android:drawable="@drawable/ic_slide_switch_on" /> </selector>这里
@drawable/ic_slide_switch_on&@drawable/ic_slide_switch_off是您创建的图像。然后在同一文件夹中创建另一个文件，将其命名为ic_toggle_bg
<?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/ic_toggle" /> </layer-list>现在添加到您的自定义主题，（如果您没有在您的
res/values/文件夹中创建一个 styles.xml 文件）<style name="Widget.Button.Toggle" parent="android:Widget"> <item name="android:background">@drawable/ic_toggle_bg</item> <item name="android:disabledAlpha">?android:attr/disabledAlpha</item> </style> <style name="toggleButton" parent="@android:Theme.Black"> <item name="android:buttonStyleToggle">@style/Widget.Button.Toggle</item> <item name="android:textOn"></item> <item name="android:textOff"></item> </style>这将为您创建一个自定义切换按钮。
如何使用它
在您的视图中使用自定义样式和背景。
<ToggleButton android:id="@+id/toggleButton" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="right" style="@style/toggleButton" android:background="@drawable/ic_toggle_bg"/>
于 2013-09-03T18:28:13.310 回答
64
ToggleButton继承自，TextView因此您可以将可绘制对象设置为在文本的 4 个边框处显示。您可以使用它在文本顶部显示您想要的图标并隐藏实际文本
<ToggleButton
android:id="@+id/toggleButton1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@android:drawable/ic_menu_info_details"
android:gravity="center"
android:textOff=""
android:textOn=""
android:textSize="0dp" />
结果与常规相比ToggleButton看起来像
seconds 选项是使用 anImageSpan将文本实际替换为图像。看起来稍微好一些，因为图标位于正确的位置，但不能直接使用布局 xml 完成。
你创建一个平原ToggleButton
<ToggleButton
android:id="@+id/toggleButton3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="false" />
然后以编程方式设置“文本”
ToggleButton button = (ToggleButton) findViewById(R.id.toggleButton3);
ImageSpan imageSpan = new ImageSpan(this, android.R.drawable.ic_menu_info_details);
SpannableString content = new SpannableString("X");
content.setSpan(imageSpan, 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
button.setText(content);
button.setTextOn(content);
button.setTextOff(content);
中间的结果 - 图标位置稍低，因为它取代了文本。
于 2013-09-03T18:39:59.413 回答
61
在 res/drawable 中创建 toggle_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/toggle_on" android:state_checked="true"/>
<item android:drawable="@drawable/toggle_off" android:state_checked="false"/>
</selector>
将选择器应用于切换按钮
<ToggleButton
android:id="@+id/chkState"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/toggle_selector"
android:textOff=""
android:textOn=""/>
注意：为了删除我在上面的代码中使用的文本
textOff=""
textOn=""
于 2013-11-30T13:26:39.150 回答
13
我知道这有点晚了，但是对于任何感兴趣的人，我创建了一个自定义组件，它基本上是一个切换图像按钮，drawable 可以具有状态以及背景
于 2014-04-15T17:32:00.633 回答