Skip to content

Commit baf13a2

Browse files
aaLiweipengaaLiweipeng
committedAug 29, 2020
自定义TextView
1 parent 32fb4a0 commit baf13a2

File tree

7 files changed

+225
-3
lines changed

7 files changed

+225
-3
lines changed
 

‎.idea/misc.xml

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎app/src/main/java/com/lwp/customviewtest/CustomViews/TextView.java

Lines changed: 153 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
1+
package com.lwp.customviewtest.CustomViews;
2+
3+
import android.content.Context;
4+
import android.content.res.ColorStateList;
5+
import android.content.res.TypedArray;
6+
import android.graphics.Canvas;
7+
import android.graphics.Color;
8+
import android.graphics.Paint;
9+
import android.graphics.Rect;
10+
import android.text.style.DynamicDrawableSpan;
11+
import android.util.AttributeSet;
12+
import android.util.TypedValue;
13+
import android.view.View;
14+
import android.view.ViewGroup;
15+
import android.widget.LinearLayout;
16+
17+
import com.lwp.customviewtest.R;
18+
19+
/**
20+
* <pre>
21+
* author : 李蔚蓬（简书_凌川江雪）
22+
* time : 2020/8/17 2:21
23+
* desc :
24+
* </pre>
25+
*/
26+
public class TextView extends LinearLayout {
27+
28+
private String mText;
29+
private int mTextSize = 15;
30+
private int mTextColor = Color.BLACK;
31+
32+
//写字用的画笔
33+
private Paint mPaint;
34+
35+
//这个构造函数 会在代码里面 new的时候 调用
36+
//TextView textView = new TextView(this);
37+
public TextView(Context context) {
38+
this(context,null);
39+
}
40+
41+
//这个构造函数 在布局layout中使用时候 调用
42+
// <com.lwp.customviewtest.CustomViews.TextView
43+
// android:layout_width="wrap_content"
44+
// android:layout_height="wrap_content" />
45+
public TextView(Context context, AttributeSet attrs) {
46+
this(context, attrs, 0);
47+
}
48+
49+
//这个构造函数 在布局layout中使用 并且有style的时候 调用
50+
// 【Refactor -- Extract -- style】
51+
// <com.lwp.customviewtest.CustomViews.TextView
52+
// android:text="6666666666666666666"
53+
// style="@style/cstyle" />
54+
// style可以提取重复的属性
55+
public TextView(Context context, AttributeSet attrs, int defStyleAttr) {
56+
super(context, attrs, defStyleAttr);
57+
58+
// 获取自定义属性列表 TypedArray
59+
TypedArray typedArray = context.obtainStyledAttributes(attrs,R.styleable.TextView);
60+
// 获取文本 有时候可能会找不到我们自定义的属性 如TextView_lwpMaxLength，这个时候Rebuild一下，或者重启AS即可
61+
mText = (String) typedArray.getText(R.styleable.TextView_lwpText);
62+
// 获取文字颜色
63+
mTextColor = typedArray.getColor(R.styleable.TextView_lwpTextColor, mTextColor);
64+
// 获取文字大小
65+
mTextSize = typedArray.getDimensionPixelSize(R.styleable.TextView_lwpTextSize, sp2px(mTextSize));
66+
67+
// 回收
68+
typedArray.recycle();
69+
70+
mPaint = new Paint();
71+
//抗锯齿 画的时候不会那么模糊
72+
mPaint.setAntiAlias(true);
73+
//设置 字体的大小和颜色！！
74+
mPaint.setTextSize(mTextSize);
75+
mPaint.setColor(mTextColor);
76+
77+
//思路2：默认给一个背景
78+
// setBackgroundColor(Color.TRANSPARENT);
79+
80+
//思路3：
81+
setWillNotDraw(false);
82+
}
83+
84+
/**
85+
* 自定义View的测量方法
86+
* @param widthMeasureSpec
87+
* @param heightMeasureSpec
88+
*/
89+
@Override
90+
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
91+
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
92+
//布局的 宽高 都是由这个方法指定
93+
//指定控件的宽高 需要测量
94+
95+
//获取宽高的模式 widthMeasureSpec的前两位
96+
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
97+
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
98+
99+
Paint.FontMetricsInt fontMetricsInt = mPaint.getFontMetricsInt();
100+
101+
//1.确定的值，这个时候 不需要计算，给的多少就是多少
102+
//获取宽高的值 widthMeasureSpec的后30位
103+
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
104+
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
105+
106+
107+
//2.给的是wrap_content，需要计算
108+
if (widthMode == MeasureSpec.AT_MOST) {
109+
//计算的宽度 与 字体的长度、大小 有关 用画笔来测量
110+
Rect bounds = new Rect();
111+
//获取文本的 Rect
112+
mPaint.getTextBounds(mText, 0, mText.length(), bounds);
113+
//拿到文本的宽度
114+
widthSize = bounds.width() + getPaddingLeft() + getPaddingRight();
115+
}
116+
if (heightMode == MeasureSpec.AT_MOST) {
117+
118+
int x = getPaddingLeft();
119+
//计算的宽度 与 字体的长度、大小 有关 用画笔来测量
120+
Rect bounds = new Rect();
121+
//获取文本的 Rect
122+
mPaint.getTextBounds(mText, x, mText.length(), bounds);
123+
//拿到文本的高度
124+
heightSize = bounds.height() + getPaddingTop() + getPaddingBottom() -
125+
fontMetricsInt.ascent + fontMetricsInt.descent;
126+
}
127+
128+
//设置控件的宽高
129+
setMeasuredDimension(widthSize, heightSize);
130+
}
131+
132+
@Override
133+
protected void onDraw(Canvas canvas) {
134+
super.onDraw(canvas);
135+
136+
//***********************************计算基线************************************
137+
//画文字 四个参数：text内容 x y paint画笔
138+
//x 开始的位置 0 y 基线
139+
//dy 代表的是：高度的一半到 baseline的距离
140+
Paint.FontMetricsInt fontMetricsInt = mPaint.getFontMetricsInt();
141+
int dy = (fontMetricsInt.bottom - fontMetricsInt.top) / 2 - fontMetricsInt.bottom;
142+
int baseline = getHeight() / 2 + dy;
143+
//*******************************************************************************
144+
145+
// canvas.drawText(mText, 0, getHeight() / 2, mPaint);
146+
canvas.drawText(mText, 0, baseline, mPaint);
147+
}
148+
149+
//sp转px
150+
private int sp2px(int sp) {
151+
return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, sp, getResources().getDisplayMetrics());
152+
}
153+
}

‎app/src/main/java/com/lwp/customviewtest/MainActivity.java

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
import android.widget.ImageView;
1616
import android.widget.LinearLayout;
1717
import android.widget.RelativeLayout;
18+
import android.widget.TabHost;
1819
import android.widget.TextView;
1920
import android.widget.Toast;
2021

@@ -136,6 +137,16 @@ public void onClick(View v) {
136137
break;
137138

138139
case 7:
140+
TextView textView = new TextView(this);
141+
142+
break;
143+
144+
case 8:
145+
146+
147+
break;
148+
149+
case 9:
139150

140151

141152
break;

‎app/src/main/res/layout/activity_main.xml

Lines changed: 29 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,39 @@
11
<?xml version="1.0" encoding="utf-8"?>
22
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
33
xmlns:app="http://schemas.android.com/apk/res-auto"
4-
android:id="@+id/ll_nextParent"
54
xmlns:tools="http://schemas.android.com/tools"
5+
android:id="@+id/ll_nextParent"
66
android:orientation="vertical"
77
android:layout_width="match_parent"
88
android:layout_height="match_parent"
99
tools:context=".MainActivity">
1010

11+
<TextView
12+
android:text="6666"
13+
android:layout_width="wrap_content"
14+
android:layout_height="wrap_content" />
15+
16+
17+
<com.lwp.customviewtest.CustomViews.TextView
18+
app:lwpText="自定义文本opooppopopo"
19+
app:lwpTextColor="@color/colorAccent"
20+
app:lwpTextSize="20sp"
21+
android:padding="2dp"
22+
android:layout_width="wrap_content"
23+
android:layout_height="wrap_content"/>
24+
<!--<com.lwp.customviewtest.CustomViews.TextView-->
25+
<!--app:lwpText="自定义文本opooppopopo"-->
26+
<!--app:lwpTextColor="@color/colorAccent"-->
27+
<!--app:lwpTextSize="20sp"-->
28+
<!--android:padding="2dp"-->
29+
<!--android:background="@android:color/holo_blue_light"-->
30+
<!--android:layout_width="wrap_content"-->
31+
<!--android:layout_height="wrap_content"/>-->
32+
<!--<com.lwp.customviewtest.CustomViews.TextView-->
33+
<!--android:text="6666666666666666666"-->
34+
<!--style="@style/cstyle" />-->
35+
<!--<com.lwp.customviewtest.CustomViews.TextView-->
36+
<!--android:text="6666666666666666666"-->
37+
<!--style="@style/cstyle" />-->
38+
1139
</LinearLayout>

‎app/src/main/res/values/attrs.xml

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<resources>
3+
<!--name 最好是自定义View的名字 TextView-->
4+
<declare-styleable name="TextView">
5+
<!--name 是名称，format是格式 color（颜色），string（文本），
6+
dimension（sp,dp）【宽高、字体大小】 integer 数字
7+
reference 资源（Drawable）-->
8+
<attr name="lwpTextColor" format="color"/>
9+
<attr name="lwpText" format="string"/>
10+
<attr name="lwpTextSize" format="dimension"/>
11+
<attr name="lwpMaxLength" format="integer"/>
12+
13+
<!--Background由View控制-->
14+
<!--<attr name="lwpBackground" format="reference|color"/>-->
15+
16+
<!--枚举 外部写入的值是 number、text等 枚举量，
17+
自定义View逻辑收到的是 1、2等实际的值-->
18+
<attr name="lwpInputType">
19+
<enum name="number" value="1"/>
20+
<enum name="text" value="2"/>
21+
<enum name="password" value="3"/>
22+
</attr>
23+
</declare-styleable>
24+
</resources>

‎app/src/main/res/values/styles.xml

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,4 +19,10 @@
1919
<!-- 是否使用背景半透明 -->
2020
</style>
2121

22+
<style name="cstyle">
23+
<item name="android:layout_width">wrap_content</item>
24+
<item name="android:layout_height">wrap_content</item>
25+
<item name="android:textColor">@color/colorPrimaryDark</item>
26+
</style>
27+
2228
</resources>

‎build.gradle

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ allprojects {
1818
repositories {
1919
google()
2020
jcenter()
21-
21+
maven { url "https://maven.google.com" }
2222
}
2323
}
2424

0 commit comments

Comments
 (0)
Please sign in to comment.