【Android】一行代碼設置Shape Selector樣式

DevShapeUtils

項目初衷: 公司項目樣式文件n+1個,多人開發文件命名各類各樣,每次都要搜索半天,我也在網上看了不少相似樣式設置庫,大多數都是自定義View,我只想代碼直接設置樣式,比較方便一點,就在閒暇時間寫了這個項目,代碼直接設置樣式,沒有太多的屬性須要設置,使用簡單、爲了更方便、快捷、省時的項目開發。java

github項目地址

一、功能介紹


  • Shape樣式: 圓形、圓角、邊框、虛線邊框、顏色漸變
  • Selector樣式: 觸摸背景變化、觸摸字體顏色變化

二、如何使用


2.1 Android Studio導入方法,添加Gradle依賴

在項目的 build.gradle 添加:android

dependencies {
        ...
        implementation 'cn.luliangdev:DevShapeUtils:1.0.1'
        }
複製代碼

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樣式

效果展現: git

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);
//線性漸變(gradientLinear 參數1:漸變方向 參數2:漸變顏色,顏色數量必須兩個及以上)
DevShapeUtils.shape(DevShape.RECTANGLE).gradientLinear(DevShape.TOP_BOTTOM, R.color.colorAccent, R.color.colorPrimary).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樣式

效果展現: github

device-2018-02-27-143029 00_00_00-00_00_10 [240p].gif
代碼示例:

//觸摸背景顏色變化(selectorBackground 參數1:觸摸顏色 參數2 正常顏色)
DevShapeUtils.selectorBackground(R.color.colorAccent,R.color.colorPrimary).into(view);
//觸摸背景顏色和字體顏色變化(selectorColor 參數1:觸摸顏色 參數2 正常顏色)
DevShapeUtils
        .selectorBackground(R.color.colorAccent,R.color.colorPrimary)
        .selectorColor("#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
        .selectorBackground(pressedDrawable,normalDrawable)
        .selectorColor("#ffffff", "#000000")
        .into(view);
複製代碼

三、意見反饋

若是遇到問題或者好的建議,請反饋到:issue、927195249@qq.com 或者LiangLuDev@gmail.comide

相關文章
相關標籤/搜索