Android一个替代shape,selector的框架,直接在xml文件中写

前言

在我们的日常开发当中,通常会因为UI需求去编写大量的shape和selector资源,下面介绍一个框架能够替代shape和selector资源,直接在xml文件中写就行了,非常的方便,传送门

实例效果

image

使用方式

第一步: 在module的build.gradle文件下做如下依赖

implementation 'com.noober.background:core:1.2.0'

第二步: 在BaseActivity中的super.onCreate之前调用如下代码

BackgroundLibrary.inject(this);

第三部: 直接在xml文件中添加属性即可

支持的自定义属性

下面是所有的自定义属性,使用方法和shape、selector完全一样

shape类

支持shape的所有属性,命名规则就是标签名_标签属性名:

名称 类型
shape rectangle、oval、line、ring(暂时不支持)
solid_color color
corners_radius dimension
corners_bottomLeftRadius dimension
corners_bottomRightRadius dimension
corners_topLeftRadius dimension
corners_topRightRadius dimension
gradient_angle integer
gradient_centerX float
gradient_centerY float
gradient_centerColor color
gradient_endColor color
gradient_startColor color
gradient_gradientRadius dimension
gradient_type linear、radial、sweep
gradient_useLevel boolean
size_width dimension
size_height dimension
stroke_width dimension
stroke_color color
stroke_dashWidth dimension
stroke_dashGap dimension

selector类

支持selector的所有属性:

名称 类型
checkable_drawable color、reference
checked_drawable color、reference
enabled_drawable color、reference
selected_drawable color、reference
pressed_drawable color、reference
focused_drawable color、reference
focused_hovered color、reference
focused_activated color、reference
unCheckable_drawable color、reference
unChecked_drawable color、reference
unEnabled_drawable color、reference
unSelected_drawable color、reference
unPressed_drawable color、reference
unFocused_drawable color、reference
unFocused_hovered color、reference
unFocused_activated color、reference

其他属性

名称 类型 备注
ripple_enable boolean 是否开启点击的水波纹效果
ripple_color color 水波纹颜色(如果开启,一定要有这个属性能生效)
unpressed_color color 没有按下的时候的颜色(早版本的属性,可以被pressed_drawable替换)
pressed_color color 按下时候的颜色(早版本的属性,可以被unPressed_drawable替换)

使用例子

1, 边框+背景+圆角

<TextView
android:layout_width="130dp"
android:layout_height="36dp"
android:gravity="center"
android:text="TextView"
android:textColor="#8c6822"
android:textSize="20sp"
app:corners_radius="2dp"
app:solid_color="#E3B666"
app:stroke_color="#8c6822"
app:stroke_width="2dp" />

等同于

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="2dp"/>
<solid android:color="#E3B666"/>
<stroke android:color="#E3B666" android:width="2dp"/>
</shape>

效果图:


2, 渐变

<Button
android:id="@+id/btn"
android:layout_width="130dp"
android:layout_height="36dp"
android:layout_marginTop="5dp"
android:gravity="center"
android:padding="0dp"
android:text="跳转到列表"
android:textColor="#4F94CD"
android:textSize="20sp"
app:corners_radius="2dp"
app:gradient_angle="0"
app:gradient_endColor="#4F94CD"
app:gradient_startColor="#63B8FF" />

等同于

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="2dp"/>
<gradient android:angle="0" 
          android:startColor="#63B8FF"
          android:endColor="#4F94CD"/>
</shape>

效果图:


3, 点击效果


第一个点赞效果:

<TextView
  android:layout_marginTop="5dp"
  android:layout_width="20dp"
  android:layout_height="20dp"
  app:pressed_drawable="@drawable/circle_like_pressed"
  app:unPressed_drawable="@drawable/circle_like_normal" />

等同于

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
    android:drawable="@drawable/circle_like_pressed" />
<item android:state_pressed="false"
    android:drawable="@drawable/circle_like_normal" />
</selector>

第二个按钮效果:

<Button
  android:layout_width="300dp"
  android:layout_height="50dp"
  android:layout_marginTop="5dp"
  android:gravity="center"
  android:padding="0dp"
  android:text="有波纹触摸反馈的按钮"
  android:textColor="@android:color/white"
  android:textSize="20sp"
  app:corners_radius="20dp"
  app:pressed_drawable="#71C671"
  app:ripple_color="#71C671"
  app:ripple_enable="true"
  app:stroke_color="#8c6822"
  app:stroke_width="2dp"
  app:unPressed_drawable="#7CFC00" />

使用其实基本和selector shape一样。

使用注意

1、selector的相关属性,如果传入的drawable不是颜色的资源,会覆盖掉shape设置的属性
2、在根布局添加

    tools:ignore="MissingPrefix"

可以防止报红
3、因为layoutInflater限制了只能有一个factory,如果有其他库已经使用了setFactory方法,比如换肤的库,只需要在其他库调用layoutInflater.setFactory之后调用

BackgroundLibrary.inject2(context);

这样其他的库与本库同样可以生效。
4、selector一个item表示多个属性,暂时无法实现,如下:

 <item android:state_pressed="true" android:state_focused="true"
    android:drawable="@drawable/button_pressed" />

因为无法用一个属性去表示两种状态,有思路的同学可以告诉我
5、fragment使用无需任何处理,其Activity调用inject即可
6、listView,recyclerView使用也无需任何处理。
如果不生效,只需要

//在调用inflate只需调用一次context,保证adapter创建View时传入的是同一个context即可
BackgroundLibrary.inject(context);

View item = LayoutInflater.from(context).inflate(xxx)

7、自定义View中调用了inflate,同listView一样处理即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容

  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,680评论 2 59
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,419评论 25 707
  • 2月3日,有一个明媚的下午。小王在IFC,眺望不远处的天河城,看着人流来来往往。他惬意地坐在藤椅,左手托碟,右手提...
    鸡蛋碎花阅读 986评论 0 8
  • 常常想起你在炉火旁 可爱的笑容挂在脸上 春风一般的荡漾 荡漾在我的心上 火光铺红了你的眸 铺红了你的唇 铺红了我的...
    起扬阅读 168评论 0 0
  • 看起来,我们的生活充满了悲伤。拼尽全力的会急转直下,刻骨铭心的会草草结局,飞蛾扑火的会灰飞烟灭。 于是我们失望、沮...
    Josset阅读 190评论 0 0