仿苹果按钮效果

最新推荐文章于 2023-06-21 14:27:15 发布

RY.618

最新推荐文章于 2023-06-21 14:27:15 发布

阅读量566

点赞数

分类专栏： Dialog 文章标签： Dialog 仿苹果按钮

Dialog 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何在Android中创建仿苹果风格的按钮效果，包括添加mavenCentral到项目配置，引入相关依赖，设置布局和在MainActivity中的实现，以及更多自定义选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文地址：https://blog.youkuaiyun.com/zxc514257857/article/details/60480014

效果图

1、添加mavenCentral

在project的build.gradle—>buildscript—>repositories节点下添加mavenCentral() (注：必须放在jcenter()前面)

buildscript {
    repositories {
        google()
        mavenCentral()  // 添加此句
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.2.0'
  
        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

2、添加依赖

implementation 'com.github.zcweng:switch-button:0.0.3@aar'

3、布局

<!--默认的switchbutton-->
    <com.suke.widget.SwitchButton
        android:id="@+id/switchButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

4、MainActivity

switchButton = (SwitchButton) findViewById(R.id.switchButton);
switchButton.setOnCheckedChangeListener(this);

// 按钮监听事件
    @Override
    public void onCheckedChanged(SwitchButton view, boolean isChecked) {
        if (view.isChecked()) {
            switchButton.setChecked(true);
            Toast.makeText(this, "true", Toast.LENGTH_SHORT).show();
        } else {
            switchButton.setChecked(false);
            Toast.makeText(this, "false", Toast.LENGTH_SHORT).show();
        }
}

5、更多自定义玩法

布局代码
    <!--设置被打开-->
    <com.suke.widget.SwitchButton
        android:id="@+id/switchButton2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:sb_checked="true"/>

    <!--设置关闭选择器-->
    <com.suke.widget.SwitchButton
        android:id="@+id/switchButton3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:sb_show_indicator="false"/>

    <!--设置按钮阴影颜色-->
    <com.suke.widget.SwitchButton
        android:id="@+id/switchButton4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:sb_shadow_color="#f00"/>

    <!--设置选中和未选中时的按钮背景颜色-->
    <com.suke.widget.SwitchButton
        android:id="@+id/switchButton5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:sb_checked_color="#f00"
        app:sb_uncheck_color="#0ff"
        app:sb_background="#0ff"/>

    <!--设置指示器选中和未选中时颜色及线宽-->
    <com.suke.widget.SwitchButton
        android:id="@+id/switchButton6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:sb_checkline_color="#f00"
        app:sb_uncheckcircle_color="#0ff"
        app:sb_checkline_width="5dp"
        app:sb_uncheckcircle_width="5dp"/>

    <!--设置按钮颜色-->
    <com.suke.widget.SwitchButton
        android:id="@+id/switchButton7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:sb_button_color="#f00"/>

    <!--设置是否启用开关特效-->
    <com.suke.widget.SwitchButton
        android:id="@+id/switchButton8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:sb_enable_effect="false"/>


**JAVA代码**
 @Override
    public void onCheckedChanged(SwitchButton view, boolean isChecked) {
        if (view.isChecked()){
            mSwitchButton2.setChecked(true);
            mSwitchButton3.setChecked(true);
            mSwitchButton4.setChecked(true);
            mSwitchButton5.setChecked(true);
            mSwitchButton6.setChecked(true);
            mSwitchButton7.setChecked(true);
            mSwitchButton8.setChecked(true);
        }else{
            mSwitchButton2.setChecked(false);
            mSwitchButton3.setChecked(false);
            mSwitchButton4.setChecked(false);
            mSwitchButton5.setChecked(false);
            mSwitchButton6.setChecked(false);
            mSwitchButton7.setChecked(false);
            mSwitchButton8.setChecked(false);
        }