Android?自定義開源庫?EasyView實(shí)現(xiàn)詳解
配置EasyView
這是一個(gè)簡單方便的Android自定義View庫,我一直有一個(gè)想法弄一個(gè)開源庫,現(xiàn)在這個(gè)想法付諸實(shí)現(xiàn)了,如果有什么需要自定義的View可以提出來,不一定都會(huì)采納,合理的會(huì)采納,時(shí)間周期不保證,咱要量力而行呀,踏實(shí)一點(diǎn)。
1. 工程build.gradle 或 settings.gradle配置
代碼已經(jīng)推送到MavenCentral()
,在Android Studio 4.2
以后的版本中默認(rèn)在創(chuàng)建工程的時(shí)候使用MavenCentral()
,而不是jcenter()
。
如果是之前的版本則需要在repositories{}
閉包中添加mavenCentral()
,不同的是,老版本的Android Studio是在工程的build.gradle
中添加,而新版本是工程的settings.gradle
中添加,如果已經(jīng)添加,則不要重復(fù)添加。
repositories { ... mavenCentral() }
2. 使用模塊的build.gradle配置
例如在app
模塊中使用,則打開app模塊下的build.gradle
,在dependencies{}
閉包下添加即可,之后記得要Sync Now
。
dependencies { implementation 'io.github.lilongweidev:easyview:1.0.2' }
使用EasyView
這是一個(gè)自定義View的庫,會(huì)慢慢豐富里面的自定義View,我先畫個(gè)餅再說。
一、MacAddressEditText
MacAddressEditText是一個(gè)藍(lán)牙Mac地址輸入控件,點(diǎn)擊之后出現(xiàn)一個(gè)定制的Hex鍵盤,用于輸入值。
1. xml中使用
首先是在xml中添加如下代碼,具體參考app模塊中的activity_main.xml。
<com.easy.view.MacAddressEditText 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. 屬性介紹
這里使用了MacAddressEditText的所有屬性,可以自行進(jìn)行設(shè)置,使用說明參考下表。
屬性 | 說明 |
---|---|
app:boxBackgroundColor | 設(shè)置輸入框的背景顏色 |
app:boxStrokeColor | 設(shè)置輸入框的邊框顏色 |
app:boxStrokeWidth | 設(shè)置輸入框的邊框大小 |
app:boxWidth | 設(shè)置輸入框大小 |
app:separator | Mac地址的分隔符,例如分號: |
app:textColor | 設(shè)置輸入框文字顏色 |
app:textSize | 設(shè)置輸入框文字大小 |
3. 代碼中使用
MacAddressEditText macEt = findViewById(R.id.mac_et); String macAddress = macEt.getMacAddress();
macAddress可能會(huì)是空字符串,使用之前請判斷一下,參考app模塊中的MainActivity中的使用方式。
二、CircularProgressBar
CircularProgressBar是圓環(huán)進(jìn)度條控件。
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的所有屬性,可以自行進(jìn)行設(shè)置,使用說明參考下表。
屬性 | 說明 |
---|---|
app:maxProgress | 最大進(jìn)度 |
app:progress | 當(dāng)前進(jìn)度 |
app:progressbarBackgroundColor | 進(jìn)度條背景顏色 |
app:progressbarColor | 進(jìn)度顏色 |
app:radius | 半徑,用于設(shè)置圓環(huán)的大小 |
app:strokeWidth | 進(jìn)度條大小 |
app:text | 進(jìn)度條中心文字 |
app:textColor | 進(jìn)度條中心文字顏色 |
app:textSize | 進(jìn)度條中心文字大小 |
3. 代碼中使用
CircularProgressBar cpbTest = findViewById(R.id.cpb_test); int progress = 10; cpbTest.setText(progress + "%"); cpbTest.setProgress(progress);
參考app模塊中的MainActivity中的使用方式。
三、TimingTextView
TimingTextView是計(jì)時(shí)文字控件
1. xml中使用
首先是在xml中添加如下代碼,具體參考app模塊中的activity_main.xml。
<com.easy.view.TimingTextView android:id="@+id/tv_timing" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="30dp" android:text="計(jì)時(shí)文字" android:textColor="@color/black" android:textSize="32sp" app:countdown="false" app:max="60" app:unit="s" />
2. 屬性介紹
這里使用了TimingTextView的自定義屬性不多,只有3個(gè),TextView的屬性就不列舉說明,使用說明參考下表。
屬性 | 說明 |
---|---|
app:countdown | 是否倒計(jì)時(shí) |
app:max | 最大時(shí)間長度 |
app:unit | 時(shí)間單位:s(秒)、m(分)、h(時(shí)) |
3. 代碼中使用
TimingTextView tvTiming = findViewById(R.id.tv_timing); tvTiming.setMax(6);//最大時(shí)間 tvTiming.setCountDown(false);//是否倒計(jì)時(shí) tvTiming.setUnit(3);//單位 秒 tvTiming.setListener(new TimingListener() { @Override public void onEnd() { //定時(shí)結(jié)束 } }); //開始計(jì)時(shí) tvTiming.start(); //停止計(jì)時(shí) //tvTiming.end();
參考app模塊中的MainActivity中的使用方式。
以上就是Android 自定義開源庫 EasyView的詳細(xì)內(nèi)容,更多關(guān)于Android自定義EasyView的資料請關(guān)注腳本之家其它相關(guān)文章!
- Android?TextView冷門實(shí)用方法技巧
- Android?TextView的maxEms和maxLength屬性區(qū)別
- Android報(bào)錯(cuò)Didn‘t?find?class?“android.view.x“問題解決原理剖析
- Android?ViewModel創(chuàng)建不受橫豎屏切換影響原理詳解
- Android源碼解析onResume方法中獲取不到View寬高
- Android設(shè)置TextView樣式SpannableString教程
- Android ViewGroup事件分發(fā)和處理源碼分析
- Android 自定義View實(shí)現(xiàn)計(jì)時(shí)文字詳解
相關(guān)文章
Android Glide圖片加載(加載監(jiān)聽、加載動(dòng)畫)
這篇文章主要為大家詳細(xì)介紹了Android Glide圖片加載的具體實(shí)現(xiàn)方法,包括加載監(jiān)聽、加載動(dòng)畫,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11Android自定義View仿大眾點(diǎn)評星星評分控件
這篇文章主要為大家詳細(xì)介紹了Android自定義View仿大眾點(diǎn)評星星評分控件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03Android自定義ViewGroup的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Android自定義ViewGroup的實(shí)現(xiàn)方法,感興趣的小伙伴們可以參考一下2016-05-05android LinearLayout 布局實(shí)例代碼
android LinearLayout 布局實(shí)例代碼,需要的朋友可以參考一下2013-04-04詳細(xì)分析Android中onTouch事件傳遞機(jī)制
相信不少朋友在剛開始學(xué)習(xí)Android的時(shí)候,對于onTouch相關(guān)的事件一頭霧水。分不清onTouch(),onTouchEvent()和OnClick()之間的關(guān)系和先后順序,所以覺得有必要搞清onTouch事件傳遞的原理。經(jīng)過一段時(shí)間的琢磨以及相關(guān)博客的介紹,這篇文章就給大家詳細(xì)的分析介紹下。2016-10-10Android自定義scrollView實(shí)現(xiàn)頂部圖片下拉放大
這篇文章主要為大家詳細(xì)介紹了Android自定義scrollView實(shí)現(xiàn)頂部圖片下拉放大,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12Android布局ConstraintLayout代碼修改約束及輔助功能
這篇文章主要為大家介紹了Android布局ConstraintLayout代碼修改約束及輔助功能示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09