Android学习之自定义View
https://blog.csdn.net/weixin_45616529/article/details/128315712
文章目录
1. 自定义View的一些属性
2. 定义一个自定义的View类
3. 重写onMeasure()
4. 重写onDraw()
5. 通过一个Activity来展示效果
6 参考链接
1. 自定义View的一些属性
在第一步，需要我们做的就是在app/res/values下新增一个attrs.xml的文件，这里面申明了View的一些属性，以及我们要使用哪一个类来完成我们自定义View的声明。前面是属性，format是取值类型。
取值类型一共有：string,color,demension,integer,enum,reference,float,boolean,fraction,flag等类型
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!-- 这里声明了我们在自定义View时需要用到的的属性>
<attr name="titleText" format="string" />
<attr name="titleTextColor" format="color" />
<attr name="titleTextSize" format="dimension" />
<!-- 这里声明了我们需要在哪一个类中实现自定义View的逻辑>
<declare-styleable name="CustomTitleView">
<attr name="titleText" />
<attr name="titleTextColor" />
<attr name="titleTextSize" />
</declare-styleable>
</resources>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2. 定义一个自定义的View类
新建一个包，在这个包的路径下定义一个继承自View的类，然后写三个构造方法。
然后写构造方法的步骤如下：
通过context获取定义的属性
遍历这些属性，分别赋值给类中定义的一些成员变量
回收TypedArray对象（recycle），至于为什么要回收，可以看https://www.jianshu.com/p/33467f64788c这个链接的内容
通过Paint类的getTextBounds()方法来绘制文本的宽高
public class CustomTitleView extends View {
// 几个属性
// 文本内容
private String mTitleText;
// 文本颜色
private int mTitleTextColor;
// 文本大小
private int mTitleTextSize;
//绘制时控制文本绘制的范围以及详细信息
private Rect mBound;
private final Paint mPaint;
// 构造器,主要是传入三个参数那个构造器，传入两个参数的构造器那种
public CustomTitleView(Context context) {
this(context,null);
}
public CustomTitleView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public CustomTitleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
//获取定义的一些属性
TypedArray styleAttrs = context.getTheme().obtainStyledAttributes(attrs, R.styleable.CustomTitleView, defStyleAttr, 0);
//数一数有多少个属性呢
int indexCount = styleAttrs.getIndexCount();
// 循环遍历的方式，找到我们所定义的一些属性
for (int i=0; i<indexCount; i++){
//属性的索引值
int attrIndex = styleAttrs.getIndex(i);
//根据索引值给java代码中的成员变量赋值
switch(attrIndex){
case (R.styleable.CustomTitleView_titleText):
mTitleText = styleAttrs.getString(attrIndex);
break;
case (R.styleable.CustomTitleView_titleTextColor):
mTitleTextColor = styleAttrs.getColor(attrIndex, Color.GREEN);
break;
case (R.styleable.CustomTitleView_titleTextSize):
mTitleTextSize = (int) styleAttrs.getDimension(attrIndex, TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,16,getResources().getDisplayMetrics()));
break;
}
}
//资源文件中的属性回收
styleAttrs.recycle();
// 绘制文本的大小
mPaint = new Paint();
mPaint.setTextSize(mTitleTextSize);
mBound = new Rect();
// 这个方法主要是一个测量的方法，获取文字环绕的边界
mPaint.getTextBounds(mTitleText,0,mTitleText.length(),mBound);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
3. 重写onMeasure()
在测量规格 MeasureSpec类中，specMode一共有三种：
EXACTLY：一般是设置了明确的值或者是MATCH_PARENT
AT_MOST：表示子布局限制在一个最大值内，一般为WARP_CONTENT
UNSPECIFIED：表示子布局想要多大就多大，很少使用、
然后，下面是这次自定义View的代码的展示：
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
/*
MeasureSpec（测量规格）模式分成三类：
EXACTLY：一般是设置了明确的值或者是MATCH_PARENT
AT_MOST：表示子布局限制在一个最大值内，一般为WARP_CONTENT
UNSPECIFIED：表示子布局想要多大就多大，很少使用
*/
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
int width;
int height;
if(widthMode == MeasureSpec.EXACTLY){
Log.i("customView",widthMode+"");
width = widthSize;
} else{
float textWidth = mBound.width();
int desiredWidth = (int) (getPaddingLeft() + textWidth + getPaddingRight());
width = desiredWidth;
}
if(heightMode == MeasureSpec.EXACTLY){
height = heightSize;
} else{
float textHeight = mBound.height();
int desiredHeight = (int) (getPaddingLeft()+ textHeight+ getPaddingRight());
height = desiredHeight;
}
setMeasuredDimension(width,height);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
4. 重写onDraw()
测量完成之后就可以通过颜料类Paint，绘制到画布Canvas上。
protected void onDraw(Canvas canvas) {
mPaint.setColor(Color.YELLOW);
canvas.drawRect(0,0,getMeasuredWidth(),getMeasuredHeight(),mPaint);
mPaint.setColor(mTitleTextColor);
canvas.drawText(mTitleText, getWidth() / 2 - mBound.width() / 2, getHeight() / 2 + mBound.height() / 2, mPaint);
}
1
2
3
4
5
6
5. 通过一个Activity来展示效果
创建一个CustomActivity，并且在对应的布局文件中添加自定义组件
public class CustomActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_custom);
}
}
1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
<!-- 命名空间添加这个包的路径，直接用res-auto即可>
xmlns:custom="http://schemas.android.com/apk/res-auto">
<!-- 注意到这里的组件应该是我们自定义的View的路径>
<com.example.customviewdemo.CustomTitleView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:padding="20dp"
custom:titleText="3712"
custom:titleTextColor="#ff0000"
custom:titleTextSize="40sp" />
</RelativeLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
然后往自定义View的构造器中设置一个监听，通过写一个随机数生成的方法来更新这个view的数字，让其更加多变
// 生成一个随机数
private String randomText()
{
Random random = new Random();
Set<Integer> set = new HashSet<Integer>();
while (set.size() < 4)
{
int randomInt = random.nextInt(10);
set.add(randomInt);
}
StringBuffer sb = new StringBuffer();
for (Integer i : set)
{
sb.append("" + i);
}
return sb.toString();
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//添加一个view的事件监听
this.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View view) {
mTitleText = randomText();
postInvalidate();
}
});
1
2
3
4
5
6
7
8
6 参考链接
https://blog.csdn.net/lmj623565791/article/details/24252901
https://www.jianshu.com/p/33467f64788c
ITJingYing2050的博客
290
1.什么是自定义View 安卓中自定义View就是根据需求自己设计一个组件，这就包括继承View或View的派生类，然后去重写内部方法。 通常来说自定义View分为三种： 继承View，自定义组件； 继承View的派生类，即系统提供的组件； 组合型控件，自定义组件中包含了其他组件。 2.在自定义View的步骤 1.测量 onMeasure()，即确定控件的长和宽； 2.布局 onLayout()，即确定控件的摆放位置； 3.绘画onDraw()，即确定控件的样式。 在自定义ViewGrou
浅谈安卓自定义view
jim1451的博客
784
原 浅谈安卓自定义view（一）：制作一个最最最简单的自定义view 2017年11月09日 16:47:13 wsyizmao 阅读数：4739 标签： 自定义view 更多 个人分类： 我的安卓 对于安卓程序员来说，自定义view简直不要太重要，毕竟有很多功能，譬如圆形头像这些，用单纯的原生非常难以实现，而用自定义view，简直分分钟。 在这里，我尝试用最简单方式跟初学者...
安卓Android---自定义view
————————————————
版权声明：本文为CSDN博主「mingxin_jackson_Liu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_45616529/article/details/128315712
