Android - ToggleButton被拉伸放大问题

最新推荐文章于 2024-07-05 16:30:00 发布

原创最新推荐文章于 2024-07-05 16:30:00 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ToggleBtn #android #界面 #布局 #控件

Android 专栏收录该内容

102 篇文章

订阅专栏

本文针对ToggleButton在不同界面中出现大小不一致的问题进行了分析，并提供了解决方案，通过调整minWidth和minHeight属性来确保控件的一致性。

转载请注明出处：https://blog.youkuaiyun.com/mythmayor/article/details/72831366

1.最近在使用ToggleButton的时候遇到一个问题：

在一个界面使用时ToggleButton展示正常，但是将同样的代码放到另一个界面时却出现了ToggleButton被放大的情况。那么问题来了，相同的布局相同的代码展示出的效果却不一样。

查阅ToggleButton源码后发现，这个控件有这样两个属性：

android:minWidth
android:minHeight
由于ToggleButton的有这样两个属性，导致我的界面效果出现了问题。

解决方案：

重新设置android:minWidth和android:minHeight这两个属性。

android:minWidth="40dp"
android:minHeight="24dp"

代码

<ToggleButton
    style="@style/Widget.Button.Toggle"
    android:layout_marginRight="20dp"
    android:checked="true" />

<style name="Widget.Button.Toggle" parent="android:Widget">
   <item name="android:background">@drawable/btn_toggle_bg</item>
   <item name="android:textOn">@null</item>
   <item name="android:textOff">@null</item>
   <item name="android:clickable">true</item>
   <item name="android:layout_width">wrap_content</item>
   <item name="android:layout_height">wrap_content</item>
   <item name="android:minWidth">40dp</item>
   <item name="android:minHeight">24dp</item>
   <item name="android:disabledAlpha">?android:attr/disabledAlpha</item>
</style>