Android 自定义开源库 EasyView实现详解
目录
- 配置EasyView
- 1. 工程build.gradle 或 settings.gradle配置
- 2. 使用模块的build.gradle配置
- 使用EasyView
- 一、MACAddressEditText
- 1. XML中使用
- 2. 属性介绍
- 3. 代码中使用
- 二、CircularProgressBar
- 1. xml中使用
- 2. 属性介绍
- 3. 代码中使用
- 三、TimingTextView
- 1. xml中使用
- 2. 属性介绍
- 3. 代码中使用
配置EasyView
这是一个简单方便的android自定义View库,我一直有一个想法弄一个开源库,现在这个想法付诸实现了,如果有什么需要自定义的View可以提出来,不一定都会采纳,合理的会采纳,时间周期不保证,咱要量力而行呀,踏实一点。
1. 工程build.gradle 或 settings.gradle配置
代码已经推送到MavenCentral()
,在Android Studio 4.2
以后的版本中默认在创建工程的时候使用MavenCentral()
,而不是jcenter()
。
如果是之前的版本则需要在repositories{}
闭包中添加mavenCentral()
,不同的是,老版本的Android Studio是在工程的build.gradle
中添加,而新版本是工程的settings.gradle
中添加,如果已经添加,则不要重复添加。
repositories { ... mavenCentral() }
2. 使用模块的build.gradle配置
例如在app
模块中使用,则打开app模块下的build.gradle
,在dependencies{}
闭包下添加即可,之后记得要Sync Now
。
dependencies { implementation 'io.github.lilongweidev:easyview:1.0.2' }开发者_Go培训
使用EasyView
这是一个自定义View的库,会慢慢丰富里面的自定义View,我先画个饼再说。
一、MacAddressEditText
MacAddressEditText是一个蓝牙Mac地址输入控件,点击之后出现一个定制的Hex键盘,用于输入值。php
1. xml中使用
首先是在xml中添加如下代码,具体参考app模块中的activity_main.xml。
<com.easy.view.MacAddreYlXIcwSeknssEditText android:id="@+id/mac_et" android:layout_width="wrap_content" android:layout_height="wrap_content" app:boxBackgroundColor="@color/white" app:boxStrokeColor="@color/black" app:boxStrokeWidth="2dp" app:boxWidth="48dp" app:separator=":" app:textColor="@color/black" app:textSize="14sp" />
2. 属性介绍
这里使用了MacAddjavascriptressEditText的所有属性,可以自行进行设置,使用说明参考下表。
属性 | 说明 |
---|---|
app:boxBackgroundColor | 设置输入框的背景颜色 |
app:boxStrokeColor | 设置输入框的边框颜色 |
app:boxStrokeWidth | 设置输入框的边框大小 |
app:boxWidth | 设置输入框大小 |
app:separator | Mac地址的分隔符,例如分号: |
app:textColor | 设置输入框文字颜色 |
app:textSize | 设置输入框文字大小 |
3. 代码中使用
MacAddressEditText macEt = findViewById(R.id.mac_et); String macAddress = macEt.getMacAddress();
macAddress可能会是空字符串,使用之前请判断一下,参考app模块中的MainActivity中的使用方式。
二、CircularProgressBar
CircularProgressBar是圆环进度条控件。
1. xml中使用
首先是在xml中添加如下代码,具体参考app模块中的activity_main.xml。
<com.easy.view.CircularProgressBar android:id="@+id/cpb_test" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="30dp" app:maxProgress="100" app:progress="10" app:progressbarBackgroundColor="@color/purple_500" app:progressbarColor="@color/purple_200" app:radius="80dp" app:strokeWidth="16dp" app:text="10%" app:textColor="@color/teal_200" app:textSize="28sp" />
2. 属性介绍
这里使用了MacAddressEditText的所有属性,可以自行进行设置,使用说明参考下表。
属性 | 说明 |
---|---|
app:maxProgress | 最大进度 |
app:progress | 当前进度 |
app:progressbarBackgroundColor | 进度条背景颜色 |
app:progressbarColor | 进度颜色 |
app:radius | 半径,用于设置圆环的大小 |
app:strokeWidth | 进度条大小 |
app:text | 进度条中心文字 |
app:textColor | 进度条中心文字颜色 |
app:textSize | 进度条中心文字大小 |
3. 代码中使用
CircularProgressBar cpbTest = findViewById(R.id.cpb_test); int progress = 10; cpbTest.setText(progress + "%"); cpbTest.setProgress(progress);
参考app模块中的MainActivity中的使用方式。
三、TimingTextView
TimingTextView是计时文字控件
1. xml中使用
首先是在xml中添加如下代码,具体参考app模块中的activity_main.xml。
<com.easy.view.TimingTextView android:id="@+id/tv_timing" androidphp:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="30dp" android:text="计时文字" android:textColor="@color/black" android:textSize="32sp" app:countdown="false" app:max="60" app:unit="s" />
2. 属性介绍
这里使用了TimingTextView的自定义属性不多,只有3个,TextView的属性就不列举说明,使用说明参考下表。
属性 | 说明 |
---|---|
app:countdown | 是否倒计时 |
app:max | 最大YlXIcwSekn时间长度 |
app:unit | 时间单位:s(秒)、m(分)、h(时) |
3. 代码中使用
TimingTextView tvTiming = findViewById(R.id.tv_timing); tvTiming.setMax(6);//最大时间 tvTiming.setCountDown(false);//是否倒计时 tvTiming.setUnit(3);//单位 秒 tvTiming.setListener(new TimingListener() { @Override public void onEnd() { //定时结束 } }); //开始计时 tvTiming.start(); //停止计时 //tvTiming.end();
参考app模块中的MainActivity中的使用方式。
以上就是Android 自定义开源库 EasyView的详细内容,更多关于Android自定义EasyView的资料请关注我们其它相关文章!
精彩评论