Android上的自定义切换按钮

我通过使用选择器定义的可绘制按钮自定义了切换按钮。我使用这个可绘制的作为切换按钮的背景

<ToggleButton
    android:id="@+id/mailbox:toggle_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:layout_weight="1"
    android:background="@drawable/toggle_background"
    android:gravity="center_horizontal|center_vertical" />

切换背景定义如下：

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

问题是图像总是被拉伸。有没有办法为两个未拉伸的状态定义图像

我需要的是一个背景，将被拉伸，在按钮的中心是一个图标，不能被拉伸

---

有可能吗？

而且肯定会帮到你

我也是这样做的，按钮：

        <ToggleButton  android:id="@+id/mlAbout"
            android:textOn="@string/about"
            android:textOff="@string/about"
            android:background="@drawable/ml_about" />

@可提取/ml\u关于：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/list_bg_top"></item>
    <item android:left="10dp">
        <bitmap android:src="@drawable/waiting_status_btn"
          android:gravity="center_vertical|left" />
    </item>
</layer-list>

---

@drawable/list\u bg\u顶部背景图像将被拉伸，@drawable/waiting\u status\u btn是图标，该图标不会随小部件拉伸这是我的最终解决方案

在布局中：

<ToggleButton
    android:id="@+id/mailbox:toggle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"     
    android:background="@drawable/toggle_drawable_layers"/>

在toggle_drawable_layers.xml中

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/toggle_drawable_bkg"></item>
    <item android:left="10dp" android:drawable="@drawable/toggle_drawable_left"
          android:gravity="center_vertical|center_horizontal" />
</layer-list>

在toggle_drawable_left.xml中

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <bitmap android:src="@drawable/bitmap_checked"
          android:gravity="center_vertical|center_horizontal" />
    </item>
    <item android:state_checked="false">
        <bitmap android:src="@drawable/bitmap_unchecked"
          android:gravity="center_vertical|center_horizontal" />
    </item>        
</selector>

---

只需在选择器中使用位图，而不使用可绘图项即可（无需使用图层）：

还有，别忘了申报 android:textOff=“” android:textOn=“”

---

在您的ToggleButton声明中，还有另一种克服拉伸问题的方法：

只需将图像转换为一个平面，其中可拉伸区域正好位于图像的所有侧面

---

然后，Android将只在不可见区域拉伸图像，并保持可见图像不变。

显示屏幕截图和您的相关代码

切换按钮

您必须使用9个补丁（.9个补丁）图像。9个补丁不可用，因为我需要非拉伸图标位于中心删除Android:layout\u weight=“1”我需要定义权重，因为我需要拉伸背景，它不起作用。即使我分别定义了背景和切换图像，它们都是拉伸的。去掉权重，mi8帮助我需要背景的权重将按钮放在线性布局中，为布局而不是按钮指定权重；我给你a+1是因为我在建议的链接中使用了一些东西，但请阅读我在Dimanoid回答中的评论答案中隐含了解决方案。获取非拉伸图像的方法是使用位图，而不是可绘制的。我不得不修改建议的解决方案，以允许在不同的状态下有两个不同的图像：我在图层列表中使用了一个可绘制的，然后我使用一个选择器定义了可绘制的，该选择器在每个状态下使用位图。这是不正确的-如果您希望切换按钮在标准状态下工作。假设您的等待状态是XML可绘制的：您不能将XML可绘制作为位图的src。如本文所述：什么是切换开关？当它来的时候？你的解决方案有效。但是我发现如果使用

android:background=“@null”

和

android:button=“@drawable/toggle\u drawable\u left”

可以跳过第三个xml文件

toggle\u drawable\u layers.xml

的使用。图像将不会被拉伸。

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