DevShapeUtils一行代码设置Shape、Selector样式

1、功能介绍


  • Shape样式: 圆形、圆角、边框、虚线边框、颜色渐变
  • Selector样式: 触摸背景变化、触摸字体颜色变化

2、如何使用


2.1 Android Studio导入方法,添加Gradle依赖

在项目的build.gradle 添加:

dependencies {
        ...
        implementation 'cn.luliangdev:DevShapeUtils:1.0.3'
        }

2.2 项目中使用

PS:项目中minSdkVersion设置为16,不然编译通不过。(Android4.1,现在的手机版本基本都在4.4以上)
android {
    defaultConfig {
        ...
        minSdkVersion 16
        ...
    }
}
2.2.1 在项目Application中初始化
public class DevApplication extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        DevShapeUtils.init(this);
    }
}
2.2.2 代码中使用
  • 样式设置:
    ① DevShapeUtils.xxx.into(view)
    –直接设置到相应的view
    ② DevShapeUtils.xxx.build()–返回Drawable对象
  • 颜色设置: 所有的颜色设置均可使用 R.color.xxx 或者 #FFFFFF
  • 单位设置: 项目中所有的数值单位为dp
    2.2.2.1 Shape样式
    效果展示:
    DevShapeUtils.jpg

代码示例:

//椭圆
DevShapeUtils
    .shape(DevShape.OVAL)
    .solid(R.color.colorAccent)
    .into(view);

//矩形
DevShapeUtils
    .shape(DevShape.RECTANGLE)
    .solid(R.color.colorAccent)
    .into(view);

//圆角
DevShapeUtils
    .shape(DevShape.RECTANGLE)
    .solid(R.color.colorAccent)
    .radius(10)
    .into(view);

//方向圆角(top-left方向圆角)
DevShapeUtils
    .shape(DevShape.RECTANGLE)
    .solid(R.color.colorAccent)
    .tlRadius(10)
    .into(view);

//半圆角
DevShapeUtils
    .shape(DevShape.RECTANGLE)
    .solid(R.color.colorAccent)
    .radius(999)
    .into(view);

//实线圆角边框(line 参数1:边框宽度 参数2:边框颜色)
DevShapeUtils
    .shape(DevShape.RECTANGLE)
    .line(1, R.color.colorAccent)
    .radius(10)
    .into(view);

//虚线圆角边框(dashLine 参数1:边框宽度 参数2:边框颜色 参数3:虚线宽度 参数4:虚线间隙宽度)
DevShapeUtils
    .shape(DevShape.RECTANGLE)
    .dashLine(1, R.color.colorPrimary, 5, 5)
    .radius(10)
    .into(view);

//渐变(默认线性上下方向渐变)
DevShapeUtils
    .shape(DevShape.RECTANGLE)
    .gradient(R.color.colorAccent, R.color.colorPrimary)
    .into(view);

//线性渐变(参数:渐变颜色,颜色数量必须两个及以上)
//orientation在gradientLinear之后设置才有效
DevShapeUtils
    .shape(DevShape.RECTANGLE)
    .gradientLinear(R.color.colorAccent, R.color.colorPrimary)
    .orientation(DevShape.TOP_BOTTOM)
    .into(view);

//扫描渐变(gradientSweep 参数1:渐变颜色,颜色数量必须两个及以上)
DevShapeUtils
    .shape(DevShape.OVAL)
    .gradientSweep(R.color.colorAccent, R.color.colorPrimary)
    .into(view);

//辐射渐变(gradientRadial 参数1:辐射范围 参数2:渐变颜色,颜色数量必须两个及以上)
DevShapeUtils
    .shape(DevShape.OVAL)
    .gradientRadial(30, R.color.colorAccent, R.color.colorPrimary)
    .into(view);
2.2.2.2 Selector样式

效果展示:
device-2018-02-27-143029 00_00_00-00_00_10 [240p].gif

代码示例:

Selector可以自己设置,具体对应关系可以查看 Selector状态详解

//设置Selector状态 (selector 参数1:Selector状态 参数2:true状态颜色 参数2 false状态颜色)
DevShapeUtils
        .selector(DevSelector.STATE_CHECKABLE,R.color.colorAccent,R.color.colorPrimary)
        .selectorTextColor("#ffffff", "#000000")
        .into(button);

//触摸背景颜色变化(selectorPressed 参数1:触摸颜色 参数2 正常颜色)
DevShapeUtils
        .selectorPressed(R.color.colorAccent,R.color.colorPrimary)
        .into(view);

//触摸背景颜色和字体颜色变化(selectorTextColor 参数1:触摸颜色 参数2 正常颜色)
DevShapeUtils
        .selectorPressed(R.color.colorAccent,R.color.colorPrimary)
        .selectorTextColor("#ffffff", "#000000")
        .into(view);

//触摸圆角背景和字体颜色变化
Drawable pressedDrawable = DevShapeUtils
        .shape(DevShape.RECTANGLE)
        .solid(R.color.colorAccent)
        .radius(10)
        .build();
Drawable normalDrawable = DevShapeUtils
        .shape(DevShape.RECTANGLE)
        .solid(R.color.colorPrimary)
        .radius(10)
        .build();

DevShapeUtils
        .selectorPressed(pressedDrawable,normalDrawable)
        .selectorTextColor("#ffffff", "#000000")
        .into(view);

//设置点击事件是否可用(selectorEnable 参数1:可点击颜色颜色 参数2 不可点击颜色颜色)
//设置selector字体颜色只能使用into  只能传入TextView的及子类
DevShapeUtils
        .selectorEnable(R.color.colorAccent,R.color.colorPrimary)
        .selectorTextColor("#ffffff", "#000000")
        .into(button);

//button默认true
button.setEnabled(false);

3、意见反馈

如果遇到问题或者好的建议,请反馈到:issue、927195249@qq.com 或者LiangLuDev@gmail.com

如果觉得对你有用的话,点一下右上的星星赞一下吧!

4、更新日志

1.0.3
  • 简化API
  • 废弃单独设置selector颜色
  • 增加快捷设置selector两种常用状态 selectorEnableselectorPressed
  • 增加selector状态设置selector(DevSelector.STATE_CHECKABLE,R.color.xxx,R.color.xxx)
    1.0.2
  • 增加线性渐变方向设置,兼容Kotlin使用。

5、更多功能

由于用户反馈,后面该库会持续更新、完善、增加新的功能,尽量支持日常使用的所有场景,欢迎反馈。

  • 背景支持图片
  • 样式支持阴影(阴影颜色根据背景颜色)
  • 支持XML设置样式

3、意见反馈

如果遇到问题或者好的建议,请反馈到:issue、927195249@qq.com 或者LiangLuDev@gmail.com


 上一篇
CentOs搭建NodeJs服务器— Node安装 CentOs搭建NodeJs服务器— Node安装
安装Node 下载Node(随便找个目录新建个目录存放关于Node的文件,便于管理寻找)版本号可以根据NodeJs官网的版本号填写 wget https://npm.taobao.org/mirrors/node/v8.11.0/node
2018-01-02
下一篇 
开源项目-微Yue电子书阅读(MD设计) 开源项目-微Yue电子书阅读(MD设计)
项目功能 注册登录 用户信息、用户密码、用户图像修改 书籍分类 本地书籍扫描 书架 书籍搜索(作者名或书籍名) 书籍阅读(仅txt格式,暂不支持PDF等其他格式) 阅读字体、背景颜色、翻页效果等设置 意见反馈(反馈信息发送到我的邮箱) 应用
2017-10-29
  目录