強大的Selector框架

代码地址如下：
http://www.demodashi.com/demo/12648.html

前言

在开发的过程中，我们经常会遇到给view设置背景，什么圆形背景啊，圆角背景啊，点击变色背景啊之类的，这功能实现起来不难，但是一堆的xml文件啊都大同小异，令人头疼。下面给大家介绍一个selector缓存框架

今天内容涉及以下：

Selector导入与配置
Selector初始化
Selector使用注意事项
Selector框架的使用
项目环节构图及效果图

一. Selector导入与配置

1.1 project的build.gradle中添加配置

在project的build.gradle文件中的allprojects---->repositories 添加如下依赖：

//引入selector框架
 maven { url "https://jitpack.io"}

则build.gradle文件代码变为：

// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {
    
    repositories {
        google()
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.0.0'
        

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        google()
        jcenter()

        //引入selector框架
        maven { url "https://jitpack.io"}
    }
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

1.2 app model的build.gradle中添加配置

在app的model中添加库依赖：

//引入selector框架
compile 'com.github.LiangLuDev:DevShapeUtils:1.0.1'

二. Selector初始化

在项目自定义的Application中初始化，如下：

public class AppContext extends Application{

    @Override
    public void onCreate() {
        super.onCreate();

        //selector框架初始化
        DevShapeUtils.init(this);
    }

}

三. Selector使用注意事项

项目中minSdkVersion设置为16，不然编译通不过。（Android4.1，现在的手机版本基本都在4.4以上）
app module的build.gradle中 compileSdkVersion 和 targetSdkVersion 版本一致，并且要在26版本及以上

四. Selector框架的使用

样式设置：
① DevShapeUtils.xxx.into（view）--直接设置到相应的view
② DevShapeUtils.xxx.build()--返回Drawable对象
颜色设置：所有的颜色设置均可使用 R.color.xxx 或者 #FFFFFF
单位设置：项目中所有的数值单位为dp

4.1 椭圆

DevShapeUtils.shape(DevShape.OVAL).solid(R.color.colorAccent).into(mBtn1);

4.2 圆形

设置圆形的时候，需要设置按钮为固定大小，且宽高一致，xml中代码如下：

 <Button
        android:id="@+id/button2"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:text="圆形"
        app:layout_constraintEnd_toStartOf="@+id/button3"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button1"
        app:layout_constraintTop_toTopOf="@+id/button1" />

设置圆形代码如下：

DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).radius(999).into(mBtn2);

4.3 矩形

DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).into(mBtn3);

4.4 圆角

DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).radius(10).into(mBtn4);

4.5 左上圆角

DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).tlRadius(10).into(mBtn5);

由于方法太多，这里用法就不一一展示了，这里介绍下此框架能实现哪些功能：

椭圆背景
圆形背景
矩形背景
圆角
左上圆角
右上圆角
左下圆角
右下圆角
上圆角
下圆角
斜圆角
半圆角
实线边框
虚线边框
线性渐变
扫描渐变
辐射渐变
触摸背景颜色变化
触摸背景颜色和字体颜色变化
触摸圆角背景和字体颜色变化

在MainActivity中部分使用代码如下：

public class MainActivity extends BaseActivity {

    private Button mBtn1;
    private Button mBtn2;
    private Button mBtn3;
    private Button mBtn4;

    private Button mBtn5;
    private Button mBtn6;
    private Button mBtn7;
    private Button mBtn8;

    private Button mBtn9;
    private Button mBtn10;
    private Button mBtn11;
    private Button mBtn12;

    @Override
    protected int getContentViewId() {
        return R.layout.activity_main;
    }

    @Override
    protected void initView() {
        mBtn1=findViewById(R.id.button1);
        mBtn2=findViewById(R.id.button2);
        mBtn3=findViewById(R.id.button3);
        mBtn4=findViewById(R.id.button4);

        mBtn5=findViewById(R.id.button5);
        mBtn6=findViewById(R.id.button6);
        mBtn7=findViewById(R.id.button7);
        mBtn8=findViewById(R.id.button8);

        mBtn9=findViewById(R.id.button9);
        mBtn10=findViewById(R.id.button10);
        mBtn11=findViewById(R.id.button11);
        mBtn12=findViewById(R.id.button12);
    }

    @Override
    protected void initData() {
        //椭圆
        DevShapeUtils.shape(DevShape.OVAL).solid(R.color.colorAccent).into(mBtn1);
        //圆形
        DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).radius(999).into(mBtn2);
        //矩形
        DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).into(mBtn3);
        //圆角
        DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).radius(10).into(mBtn4);
        //左上圆角
        DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).tlRadius(10).into(mBtn5);
        //右上圆角
        DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).trRadius(10).into(mBtn6);
        //左下圆角
        DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).blRadius(10).into(mBtn7);
        //右下圆角
        DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).brRadius(10).into(mBtn8);
        //上圆角
        DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).tlRadius(10).trRadius(10).into(mBtn9);
        //下圆角
        DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).blRadius(10).brRadius(10).into(mBtn10);
        //斜圆角
        DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).tlRadius(10).brRadius(10).into(mBtn11);
        //斜圆角
        DevShapeUtils.shape(DevShape.RECTANGLE).solid(R.color.colorAccent).trRadius(10).blRadius(10).into(mBtn12);
}

    @Override
    protected void setListener() {
    }


    @Override
    public void onClick(View v) {

    }
}

五.项目结构图及效果图

项目结构图：

效果图：

強大的Selector框架

代码地址如下：
http://www.demodashi.com/demo/12648.html

注：本文著作权归作者，由demo大师代发，拒绝转载，转载需要作者授权