# AndroidUIFrame

**Repository Path**: Loongse/AndroidUIFrame

## Basic Information

- **Project Name**: AndroidUIFrame
- **Description**: 收藏一些Android开发的小组件以及框架
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-05-21
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Android组件与框架

## SwitchButton

- 依赖导入：implementation 'com.github.zcweng:switch-button:0.0.3@aar'

- 使用场景：音乐播放器的一些功能开关

- 如何使用：

  - layout布局文件中

    ```xml
    <com.suke.widget.SwitchButton
            android:id="@+id/switch_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    ```

  - activity中

    ```java
    com.suke.widget.SwitchButton switchButton = (com.suke.widget.SwitchButton)
        findViewById(R.id.switch_button);//初始化组件
        /**
        *设置组件以及按钮开关监听 
        **/
      switchButton.setChecked(true);
    switchButton.isChecked();
    switchButton.toggle();     //switch state
    switchButton.toggle(false);//switch without animation
    switchButton.setShadowEffect(true);//disable shadow effect
    switchButton.setEnabled(false);//disable button
    switchButton.setEnableEffect(false);//disable the switch animation
    switchButton.setOnCheckedChangeListener(new SwitchButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(SwitchButton view, boolean isChecked) {
            //TODO do your job
        }
    });  
    ```

  - 更多样式使用

    ```xml
    <attr name="sb_shadow_radius" format="reference|dimension"/>       阴影半径
    <attr name="sb_shadow_offset" format="reference|dimension"/>       阴影偏移
    <attr name="sb_shadow_color" format="reference|color"/>            阴影颜色
    <attr name="sb_uncheck_color" format="reference|color"/>           关闭颜色
    <attr name="sb_checked_color" format="reference|color"/>           开启颜色
    <attr name="sb_border_width" format="reference|dimension"/>        边框宽度
    <attr name="sb_checkline_color" format="reference|color"/>         开启指示器颜色
    <attr name="sb_checkline_width" format="reference|dimension"/>     开启指示器线宽
    <attr name="sb_uncheckcircle_color" format="reference|color"/>     关闭指示器颜色
    <attr name="sb_uncheckcircle_width" format="reference|dimension"/> 关闭指示器线宽
    <attr name="sb_uncheckcircle_radius" format="reference|dimension"/>关闭指示器半径
    <attr name="sb_checked" format="reference|boolean"/>               是否选中
    <attr name="sb_shadow_effect" format="reference|boolean"/>         是否启用阴影
    <attr name="sb_effect_duration" format="reference|integer"/>       动画时间，默认300ms
    <attr name="sb_button_color" format="reference|color"/>            按钮颜色
    <attr name="sb_show_indicator" format="reference|boolean"/>        是否显示指示器，默认true：显示
    <attr name="sb_background" format="reference|color"/>              背景色，默认白色
    <attr name="sb_enable_effect" format="reference|boolean"/>         是否启用特效，默认true
    ```

  - 使用效果

    - 开

      ![SwitchButtonOpen](image/SwitchButtonOpen.png)

    - 关

      ![选区_003](image/SwitchButtonClose.png)

## AndroidSwipeLayout

- 项目地址 https://github.com/daimajia/AndroidSwipeLayout

- 作用：歌曲向左滑动时可以选择删除、收藏等

- 依赖导入：

  ```properties
  implementation 'com.android.support:recyclerview-v7:29.0.0'
  implementation 'com.android.support:support-v4:'
  implementation "com.daimajia.swipelayout:library:1.2.0@aar"
  ```

- 使用方法:https://github.com/daimajia/AndroidSwipeLayout/wiki/usage

- 使用效果（最简单使用，更多可看项目地址中介绍，使用案例见UIFrameTest

  ![选区_004](image/SwipeLayoutTest.png)

## QMUI框架

- 官方文档：https://github.com/Tencent/QMUI_Android/wiki/
- 依赖导入：implementation 'com.qmuiteam:qmui:2.0.0-alpha08'
- 在项目中路径：[QMUI路径](app/src/main/java/com/loong/uiframetest/QMUI)

### QMUIDialog

- 消息类型对话框：QMUIDialog.MessageDialogBuilder

  ![选区_005](image/QMUIDialog_MessageDialog.png)

- 带CheckBox的消息确认框：QMUIDialog.CheckBoxMessageDialogBuilder

  ![选区_006](image/QMUIDialog_CheckBoxMessageDialog.png)

- 带输入框的对话框：QMUIDialog.EditTextDialogBuilder

  ![选区_007](image/QMUIDialog_EditTextDialog.png)

- 菜单类型的对话框：QMUIDialog.MenuDialogBuilder

  ![选区_008](image/QMUIDialog_MenuDialog.png)

- 单选类型的对话框：QMUIDialog.CheckableDialogBuilder

  ![选区_009](image/QMUIDialog_CheckableDialog.png)

- 多选类型的对话框：QMUIDialog.MultiCheckableDialogBuilder

  ![选区_010](image/QMUIDialog_MultiCheckableDialog.png)

- 普通自定义对话框：QMUIDialog.CustomDialogBuilder