RTextView 使用

欢迎使用 RTextView

项目地址:

RuffianZhong/RTextView

简介:基于 TextView 1.直接设置 selector 背景 2.直接设置 drawableLeft 大小 3.圆角,圆形,背景/边框/文字根据状态变色

1.特点

  1. RTextView 让你从此不再编写和管理大量 selector 文件(这个太可恨了)

  2. RTextView 改造了 drawableLeft/drawableXXX 图片的大小,从此你不在需要使用 LinearLayout + ImageView + TextView 就能够直接实现文字带图片的功能,关键还能设置 icon 大小

  3. RTextView 能够直接设置各种圆角效果: 四周圆角,某一方向圆角,甚至椭圆,圆形都简单实现。 边框效果,虚线边框都是一个属性搞定

  4. RTextView 不仅能够定义默认状态的背景,边框,连按下/点击状态通通一起搞定

  5. RTextView 按下变色支持:背景色,边框,文字,drawableLeft/xxx (这个赞啊)

2.效果图

示例效果图,不限于如此,更多使用详细参考相关属性

V1.0.1 Typeface 字体样式

3.属性说明

开发者根据实际需要选择使用对应的功能属性

属性说明corner_radius圆角 四周corner_radius_top_left圆角 左上corner_radius_top_right圆角 右上corner_radius_bottom_left圆角 左下corner_radius_bottom_right圆角 右下border_dash_width虚线边框 宽度border_dash_gap虚线边框 间隔border_width_normal边框宽度 默认border_width_pressed边框宽度 按下border_width_unable边框宽度 不可点击border_color_normal边框颜色 默认border_color_pressed边框颜色 按下border_color_unable边框颜色 不可点击background_normal背景颜色 默认background_pressed背景颜色 按下background_unable背景颜色 不可点击text_color_normal文字颜色 默认text_color_pressed文字颜色 按下text_color_unable文字颜色 不可点击icon_src_normaldrawable icon 默认icon_src_presseddrawable icon 按下icon_src_unabledrawable icon 不可点击icon_heightdrawable icon 高icon_widthdrawable icon 宽icon_directiondrawable icon 位置{left,top,right,bottom}text_typeface字体样式

4.使用

4.1 Gradle (版本号根据更新历史使用最新版)

compile 'com.ruffian.library:RTextView:1.0.1'

4.2 XML 使用

<com.ruffian.library.RTextView
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:gravity="center"
    android:text="文本控件"

    //背景颜色 对应三个状态
    rtv:background_normal="#3F51B5"
    rtv:background_pressed="#FF450F21"
    rtv:background_unable="#c3c3c3"

    //边框颜色 对应三个状态
    rtv:border_color_normal="#FF4081"
    rtv:border_color_pressed="#3F51B5"
    rtv:border_color_unable="#c3c3c3"

    //边框宽度 对应三个状态 一般设置相同值
    rtv:border_width_normal="3dp"
    rtv:border_width_pressed="4dp"
    rtv:border_width_unable="5dp"

    //虚线边框 1.虚线边框宽度 2.虚线间隔
    rtv:border_dash_width="10dp"
    rtv:border_dash_gap="4dp"

    //圆角度数 1.四周统一值 2.四个方向各个值
    //xml:  通过 xml 设置了 corner_radius ,则 corner_radius_xxx 不起作用
    //java: 通过 java 代码设置 corner_radius_xxx ,则 corner_radius 不起作用
    rtv:corner_radius="10dp"
    rtv:corner_radius_top_left="10dp"
    rtv:corner_radius_bottom_left="15dp"
    rtv:corner_radius_bottom_right="20dp"
    rtv:corner_radius_top_right="25dp"

    //drawableXXX icon 对应三个状态
    rtv:icon_src_normal="@mipmap/icon_phone_normal"
    rtv:icon_src_pressed="@mipmap/icon_phone_pressed"
    rtv:icon_src_unable="@mipmap/icon_phone_unable"

    //drawableXXX icon 方向 {上,下,左,右}
    rtv:icon_direction="top"

    //drawableXXX icon 宽/高
    rtv:icon_height="30dp"
    rtv:icon_width="30dp"

    //文字颜色 对应三个状态
    rtv:text_color_normal="#c3c3c3"
    rtv:text_color_pressed="#3F51B5"
    rtv:text_color_unable="#FF4081"

    //字体样式
    rtv:text_typeface="fonts/RobotoMono-Thin.ttf"
    />

4.3 以上属性均提供 Java 代码 get/set 方法

    RTextView textView=(RTextView) findViewById(R.id.text1);
    //set...
    textView.setIconNormal(getDrawable(R.mipmap.ic_launcher))
            .setIconHeight(10)
            .setIconWidth(20)
            .setIconDirection(RTextView.ICON_DIR_TOP);
    //get...
    int iconHeight=textView.getIconHeight();

4.4 备注

1. 圆角边框,圆角背景等属性需要配合 `background_xxx` 自定义背景属性使用,原生 `background` 没有效果

5.版本历史

v1.0.1 2017.10.26 添加 Typeface,完善代码

v1.0.0 2017.09.07 发布第一版本

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 13,289评论 0 8
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 8,394评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,857评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,852评论 0 2
  • 来厦近五个月了,出门的次数屈指可数。 但就是对这个城市莫名的好感。 大概就是我这个乡巴佬眼中的美丽城市了。 初来咋...
    selief阅读 2,425评论 0 0