# 1. 前言
為了實現自定義`View`,我們需要再次回顧一下之前的博客:https://blog.csdn.net/qq_26460841/article/details/110478919
簡單來說,分為下面幾個步驟:
- 定義一個繼承自`View`的類,或者也可以使用其對應的子類;
- 復寫`onDraw`方法;
- 應用在`xml`布局文件中;
# 2. 自定義View
首先在`res`下的`values`文件夾的`style.xml`文件:
~~~
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="CategoryItem">
<attr name="CategoryItem_Choosed" format="boolean" /> <!--是否選中-->
<attr name="CategoryItem_Radius" format="integer"/> <!--圓角半徑-->
<attr name="CategoryItem_ImgSrc" format="integer"/> <!--圖片資源-->
<attr name="CategoryItem_Text" format="string"/> <!--文本-->
</declare-styleable>
</resources>
~~~
然后新建一個類,繼承自`View`, 這里需要注意`styleable`的名字和類的名字需要一樣,比如下面的代碼:
~~~
class CategoryItem: View {
// 自定義屬性
var isChoosed: Boolean = false
var radius: Int = 5
var imgSrc: Int = R.drawable.ic_baseline_bookmarks_24
var text: String = MFConst.NO_CATEGORY
constructor(context: Context): super(context)
constructor(context: Context, attributeSet: AttributeSet): super(context, attributeSet){
val typedArray: TypedArray =
context.obtainStyledAttributes(attributeSet, R.styleable.CategoryItem)
typedArray.apply {
isChoosed = getBoolean(R.styleable.CategoryItem_CategoryItem_Choosed, isChoosed) // 獲取值,沒有就設置默認值4
radius = getInt(R.styleable.CategoryItem_CategoryItem_Radius, radius)
imgSrc = getInt(R.styleable.CategoryItem_CategoryItem_ImgSrc, imgSrc)
text = getString(R.styleable.CategoryItem_CategoryItem_Text)?: text
}
typedArray.recycle() // 使用TypedArray最后一定需要回收
}
override fun onDraw(canvas: Canvas?) {
super.onDraw(canvas)
}
}
~~~
- 介紹
- UI
- MaterialButton
- MaterialButtonToggleGroup
- 字體相關設置
- Material Design
- Toolbar
- 下拉刷新
- 可折疊式標題欄
- 懸浮按鈕
- 滑動菜單DrawerLayout
- NavigationView
- 可交互提示
- CoordinatorLayout
- 卡片式布局
- 搜索框SearchView
- 自定義View
- 簡單封裝單選
- RecyclerView
- xml設置點擊樣式
- adb
- 連接真機
- 小技巧
- 通過字符串ID獲取資源
- 自定義View組件
- 使用系統控件重新組合
- 旋轉菜單
- 輪播圖
- 下拉輸入框
- 自定義VIew
- 圖片組合的開關按鈕
- 自定義ViewPager
- 聯系人快速索引案例
- 使用ListView定義側滑菜單
- 下拉粘黏效果
- 滑動沖突
- 滑動沖突之非同向沖突
- onMeasure
- 繪制字體
- 設置畫筆Paint
- 貝賽爾曲線
- Invalidate和PostInvalidate
- super.onTouchEvent(event)?
- setShadowLayer與陰影效果
- Shader
- ImageView的scaleType屬性
- 漸變
- LinearGradient
- 圖像混合模式
- PorterDuffXfermode
- 橡皮擦效果
- Matrix
- 離屏繪制
- Canvas和圖層
- Canvas簡介
- Canvas中常用操作總結
- Shape
- 圓角屬性
- Android常見動畫
- Android動畫簡介
- View動畫
- 自定義View動畫
- View動畫的特殊使用場景
- LayoutAnimation
- Activity的切換轉場效果
- 屬性動畫
- 幀動畫
- 屬性動畫監聽
- 插值器和估值器
- 工具
- dp和px的轉換
- 獲取屏幕寬高
- JNI
- javah命令
- C和Java相互調用
- WebView
- Android Studio快捷鍵
- Bitmap和Drawable圖像
- Bitmap簡要介紹
- 圖片縮放和裁剪效果
- 創建指定顏色的Bitmap圖像
- Gradle本地倉庫
- Gradle小技巧
- RxJava+Okhttp+Retrofit構建網絡模塊
- 服務器相關配置
- node環境配置
- 3D特效