适用于 Android 的 Material Components 中的切换按钮

Posted

技术标签:

【中文标题】适用于 Android 的 Material Components 中的切换按钮【英文标题】:Toggle Button in Material Components for Android 【发布时间】:2019-02-14 06:49:44 【问题描述】:

材料设计指南建议按照此链接使用切换按钮:

https://material.io/design/components/buttons.html#toggle-button

我在哪里可以找到这个适用于 android 的组件。我能找到的只有 MaterialButton。它有切换行为吗?还是我缺少其他组件?

https://material.io/develop/android/components/material-button/

【问题讨论】:

想象一个心形图标,你点击它,心变得充满,你再次点击它,心变得空虚。 CheckBox 是一个切换按钮。 RadioButton 也是如此 任何具有关闭和开启状态的东西都是切换按钮。 我相信这正是您正在寻找的,但它是一个库:savvyapps.com/blog/toggle-button-solution-android-app 【参考方案1】:

您可以使用MaterialButtonToggleGroup 组件。

        <com.google.android.material.button.MaterialButtonToggleGroup
            android:id="@+id/toggleButton"
            android:layout_
            android:layout_>
            
            <Button
                android:id="@+id/button1"
                android:layout_
                android:layout_
                android:text="Button"
                style="?attr/materialButtonOutlinedStyle"
                />

           <!-- ....  -->

        </com.google.android.material.button.MaterialButtonToggleGroup>

【讨论】:

以上是关于适用于 Android 的 Material Components 中的切换按钮的主要内容,如果未能解决你的问题,请参考以下文章

如何为 PhoneGap 运行 framework 7 Android Material?

适用于Android ListView的适配器类getView()函数

Angular Material 2:多个 mat-table 排序仅适用于第一个表

Material Design 中呈现的 Android Lollipop 上的半透明渐变状态栏

是否有适用于类组件的 React Material-UI makeStyles() 函数的非挂钩替代方案

适用于Android的蓝牙低功耗(BLE)外设应用程序