设置 ToggleButton 的图像源

Question

我有一个 30px x 30px png 文件，我想将其用作 android:src 而不是 android:background。通过使用它作为背景，并在高度和宽度上提及“wrap_content”，最终结果看起来更像是 45 像素 x 45 像素。

理想情况下，我需要的是 ImageButton 和 ToggleButton 的混合。我希望具有设置 ImageButton 的 android:src 的功能以及自动切换状态保存位置的功能。

有什么解决方案或解决方法吗？

TIA。

嗨，它似乎对创建另一种风格没有帮助。 src 看起来仍然比原来的 30px x 30px 大得多。

在main.xml中：

<ToggleButton android:id="@+id/blah"
    style="@style/myToggle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
</ToggleButton>

在Styles.xml中

<style name="myToggle">
    <item name="android:textOn">""</item>
    <item name="android:textOff">""</item>
    <item name="android:disabledAlpha">?android:attr/disabledAlpha</item>
    <item name="android:background">@drawable/my_btn_toggle_bg</item>
</style>

在my_btn_toggle_bg.xml中

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/myBackground" android:drawable="@android:drawable/btn_default_small" />
    <item android:id="@+id/myToggle" android:drawable="@drawable/my_btn_toggle" />
</layer-list>

在my_btn_toggle.xml中

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

playbutton.png和pausebutton.png各为30px x 30px。但当我在设备上看到它时，它们看起来要大得多

Answer 1

您可以将切换按钮设置为您想要的任何外观。您只需要创建一种样式。查看 /platforms//data/res/values/styles.xml 并搜索 Widget.Button.ToggleButton 它看起来像这样：

<style name="Widget.Button.Toggle">
    <item name="android:background">@android:drawable/btn_toggle_bg</item>
    <item name="android:textOn">@android:string/capital_on</item>
    <item name="android:textOff">@android:string/capital_off</item>
    <item name="android:disabledAlpha">?android:attr/disabledAlpha</item>
</style>

因此，如果您找到 btn_toggle_bg 可绘制对象，您会发现：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+android:id/background" android:drawable="@android:drawable/btn_default_small" />
    <item android:id="@+android:id/toggle" android:drawable="@android:drawable/btn_toggle" />
</layer-list>

这表明它使用标准 Button 背景和一个名为 btn_toggle 的可绘制对象用于 src。 btn_src.xml 如下所示：

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

这是用于显示按钮状态的两个可绘制对象。它们实际上被称为 btn_toggle_{on/off}.9.png，因为它们是 9 个补丁图像，因此它们会拉伸以匹配按钮大小。

Answer 2

我想出了如何使用 ScaleDrawable：

将 ToggleButton 设置为使用选择器 Drawable，像平常一样：

<selector xmlns:android="http://schemas.android.com/apk/res/android"
    android:variablePadding="true">
    <item android:drawable="@drawable/ic_star_selected_centered"
          android:state_checked="true" />
    <item android:drawable="@drawable/ic_star_default_white_centered"
          android:state_pressed="true" />
    <item android:drawable="@drawable/ic_star_default_black_centered" />
</selector>

然后，为上面的每个项目的可绘制对象创建一个 ScaledDrawable，它指向您的实际图像文件。例如 ic_star_selected_centered.xml：

<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/ic_star_selected"
    android:scaleGravity="center"
    android:scaleHeight="100%"
    android:scaleWidth="100%" 
     />

最后，Android 中有一个 错误，使任何 ScaledDrawables 首先不可见，直到您设置了他们的级别。因此，在膨胀视图时，请从 1-10000 调用 setLevel()（1 是最小比例，10000 是全尺寸）：

    StateListDrawable star = (StateListDrawable) myToggleButton.getBackground();
    star.setLevel(5000); // centers the image at half size. shame on Android for using magic numbers!

Answer 3

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <inset android:insetLeft="15dp" android:insetRight="15dp" android:insetTop="15dp" android:insetBottom="15dp">
            <bitmap android:src="@drawable/ic_star_selected_centered" />
        </inset>
    </item>

    <item android:state_pressed="true" >
        <inset android:insetLeft="15dp" android:insetRight="15dp" android:insetTop="15dp" android:insetBottom="15dp">
            <bitmap android:src=" android:src="@drawable/ic_star_default_white_centered" />
        </inset>
    </item>

    <item >
        <inset android:insetLeft="15dp" android:insetRight="15dp" android:insetTop="15dp" android:insetBottom="15dp">
            <bitmap android:src="@drawable/ic_star_default_black_centered" />
        </inset>
    </item>
</selector>

Answer 4

除了@caseyB所说的（看评论）之外，我还必须改变活动的主题才能达到预期的效果。我认为这是 HoneyComb Xoom 上的问题，在手机上可能不会出现。
感谢大家看我的问题并提供帮助。

Answer 5

实现此目的的“快速而肮脏”的方法是使用相对布局并将 ImageView 放置在 ToggleButton 的顶部。设置 android:layout_centerInParent="true" 并在切换开关上设置 onClick 侦听器

说 - CaseyB 的另一个解决方案（自定义背景文件）是正确的方法