Edittexth和TextView字体大小跟随输入长度自动缩放
2017-08-02 17:57
441 查看
33.Android 自动适配字体大小的AutoAdjustSizeEditText
Android 自动适配字体大小的AutoAdjustSizeEditTextAutoAdjustSizeEditText介绍
AutoAdjustSizeEditText原理
AutoAdjustSizeEditText
AutoAdjustSizeEditTextActivity
AutoAdjustSizeEditTextActivity效果图
AutoAdjustSizeTextView
AutoAdjustSizeTextViewActivity
AutoAdjustSizeTextViewActivity效果图
AutoAdjustSizeEditText介绍
由于一个需求,就是一个定宽高的EditText里,输入后,要根据字的内容改变字体大小。这时候就需要这么一个自定适配字体大小的EditView。
AutoAdjustSizeEditText原理
实现原理: 重写EditText,覆写其setText、
onTextChanged和
onSizeChanged方法。分别在这里重新写适配字体大小的逻辑处理,所谓的逻辑处理,就是计算单行可见文字的宽度,然后从自定义的最大字体开始尝试,先用最大字体去写字(
Paint.setTextSize(float textSize)),然后判断:最大字体画出字的宽度>可见文字宽度。如果成立,那么减小一号字体再去画,不断去减小字体去判断,直到不成立时,就找到合适的字体大小了。
AutoAdjustSizeEditText
public class AutoAdjustSizeEditText extends EditText { // 最小字体 private static final float DEFAULT_MIN_TEXT_SIZE = 8.0f; // 最大字体 private static final float DEFAULT_MAX_TEXT_SIZE = 16.0f; private Paint textPaint; private float minTextSize = DEFAULT_MIN_TEXT_SIZE; private float maxTextSize = DEFAULT_MAX_TEXT_SIZE; public AutoAdjustSizeEditText(Context context, AttributeSet attrs) { super(context, attrs); } private void initialise() { DisplayMetrics displayMetrics = this.getResources().getDisplayMetrics(); if (this.textPaint == null) { this.textPaint = new Paint(); this.textPaint.set(this.getPaint()); } this.maxTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, this.maxTextSize, displayMetrics); if (DEFAULT_MIN_TEXT_SIZE >= maxTextSize) { this.maxTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, this.maxTextSize, displayMetrics); } this.maxTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, this.maxTextSize, displayMetrics); this.minTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, this.minTextSize, displayMetrics); } /** * Re size the font so the specified text fits in the text box * assuming * the text box is the specified width. */ private void fitText(String text, int textWidth) { if (textWidth > 0) { // 单行可见文字宽度 int availableWidth = textWidth - this.getPaddingLeft() - this.getPaddingRight(); float trySize = maxTextSize; // 先用最大字体写字 textPaint.setTextSize(trySize); // 如果最大字体>最小字体 && 最大字体画出字的宽度>单行可见文字宽度 while ((trySize > minTextSize) && (textPaint.measureText(text) > availableWidth)) { // 最大字体小一号 trySize -= 1; // 保证大于最小字体 if (trySize <= minTextSize) { trySize = minTextSize; break; } // 再次用新字体写字 textPaint.setTextSize(trySize); } this.setTextSize(trySize); } } /** * 重写setText * 每次setText的时候 * * @param text * @param type */ @Override public void setText(CharSequence text, BufferType type) { this.initialise(); String textString = text.toString(); float trySize = maxTextSize; if (this.textPaint == null) { this.textPaint = new Paint(); this.textPaint.set(this.getPaint()); } this.textPaint.setTextSize(trySize); // 计算设置内容前 内容占据的宽度 int textWidth = (int) this.textPaint.measureText(textString); // 拿到宽度和内容,进行调整 this.fitText(textString, textWidth); super.setText(text, type); } @Override protected void onTextChanged(CharSequence text, int start, int before, int after) { super.onTextChanged(text, start, before, after); this.fitText(text.toString(), this.getWidth()); } /** * This is called during layout when the size of this view has changed. If * you were just added to the view hierarchy, you're called with the old * values of 0. * * @param w Current width of this view. * @param h Current height of this view. * @param oldw Old width of this view. * @param oldh Old height of this view. */ @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { // 如果当前view的宽度 != 原来view的宽度 if (w != oldw) this.fitText(this.getText().toString(), w); } }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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
AutoAdjustSizeEditTextActivity
AutoAdjustSizeEditTextActivitypublic class AutoAdjustSizeEditTextActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); this.setContentView(R.layout.activity_auto_adjust_size_edit_text); } }1
2
3
4
5
6
7
1
2
3
4
5
6
7
activity_auto_adjust_size_edit_text.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <camnter.newlife.widget.AutoAdjustSizeEditText android:layout_width="160dp" android:layout_height="wrap_content" android:layout_margin="16dp" android:padding="16dp" android:text="Save you from anything" android:textColor="#ffFF4081" /> <camnter.newlife.widget.AutoAdjustSizeEditText android:layout_width="160dp" android:layout_height="wrap_content" android:layout_margin="16dp" android:padding="16dp" android:text="Save you from anything Save you from anything" android:textColor="#ffFF4081" /> <camnter.newlife.widget.AutoAdjustSizeEditText android:layout_width="160dp" android:layout_height="wrap_content" android:layout_margin="16dp" android:padding="16dp" android:text="Save you from anything Save you from anything Save you from anything " android:textColor="#ffFF4081" /> <camnter.newlife.widget.AutoAdjustSizeEditText android:layout_width="160dp" android:layout_height="wrap_content" android:layout_margin="16dp" android:padding="16dp" android:text="Save you from anything Save you from anything Save you from anything Save you from anything " android:textColor="#ffFF4081" /> <camnter.newlife.widget.AutoAdjustSizeEditText android:layout_width="160dp" android:layout_height="wrap_content" android:layout_margin="16dp" android:padding="16dp" android:text="Save you from anything Save you from anything Save you from anything Save you from anything Save you from anything " android:textColor="#ffFF4081" /> </LinearLayout>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
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
AutoAdjustSizeEditTextActivity效果图
AutoAdjustSizeTextView
由于,EditText也是TextView的子类,所以用上面的AutoAdjustSizeEditText代码一样可以实现自动适配字体大小的TextView。public class AutoAdjustSizeTextView extends TextView { // 最小字体 private static final float DEFAULT_MIN_TEXT_SIZE = 8.0f; // 最大字体 private static final float DEFAULT_MAX_TEXT_SIZE = 16.0f; private Paint textPaint; private float minTextSize = DEFAULT_MIN_TEXT_SIZE; private float maxTextSize = DEFAULT_MAX_TEXT_SIZE; public AutoAdjustSizeTextView(Context context, AttributeSet attrs) { super(context, attrs); } private void initialise() { DisplayMetrics displayMetrics = this.getResources().getDisplayMetrics(); if (this.textPaint == null) { this.textPaint = new Paint(); this.textPaint.set(this.getPaint()); } this.maxTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, this.maxTextSize, displayMetrics); if (DEFAULT_MIN_TEXT_SIZE >= maxTextSize) { this.maxTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, this.maxTextSize, displayMetrics); } this.maxTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, this.maxTextSize, displayMetrics); this.minTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, this.minTextSize, displayMetrics); } /** * Re size the font so the specified text fits in the text box * assuming * the text box is the specified width. */ private void fitText(String text, int textWidth) { if (textWidth > 0) { // 单行可见文字宽度 int availableWidth = textWidth - this.getPaddingLeft() - this.getPaddingRight(); float trySize = maxTextSize; // 先用最大字体写字 textPaint.setTextSize(trySize); // 如果最大字体>最小字体 && 最大字体画出字的宽度>单行可见文字宽度 while ((trySize > minTextSize) && (textPaint.measureText(text) > availableWidth)) { // 最大字体小一号 trySize -= 1; // 保证大于最小字体 if (trySize <= minTextSize) { trySize = minTextSize; break; } // 再次用新字体写字 textPaint.setTextSize(trySize); } this.setTextSize(trySize); } } /** * 重写setText * 每次setText的时候 * * @param text * @param type */ @Override public void setText(CharSequence text, BufferType type) { this.initialise(); String textString = text.toString(); float trySize = maxTextSize; if (this.textPaint == null) { this.textPaint = new Paint(); this.textPaint.set(this.getPaint()); } this.textPaint.setTextSize(trySize); // 计算设置内容前 内容占据的宽度 int textWidth = (int) this.textPaint.measureText(textString); // 拿到宽度和内容,进行调整 this.fitText(textString, textWidth); super.setText(text, type); } @Override protected void onTextChanged(CharSequence text, int start, int before, int after) { super.onTextChanged(text, start, before, after); this.fitText(text.toString(), this.getWidth()); } /** * This is called during layout when the size of this view has changed. If * you were just added to the view hierarchy, you're called with the old * values of 0. * * @param w Current width of this view. * @param h Current height of this view. * @param oldw Old width of this view. * @param oldh Old height of this view. */ @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { // 如果当前view的宽度 != 原来view的宽度 if (w != oldw) this.fitText(this.getText().toString(), w); } }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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
AutoAdjustSizeTextViewActivity
AutoAdjustSizeTextViewActivitypublic class AutoAdjustSizeTextViewActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); this.setContentView(R.layout.activity_auto_adjust_size_text_view); } }1
2
3
4
5
6
7
1
2
3
4
5
6
7
activity_auto_adjust_size_text_view.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <camnter.newlife.widget.AutoAdjustSizeTextView android:layout_width="160dp" android:layout_height="wrap_content" android:layout_margin="16dp" android:padding="16dp" android:text="Save you from anything" android:textColor="#ffFF4081" /> <camnter.newlife.widget.AutoAdjustSizeTextView android:layout_width="160dp" android:layout_height="wrap_content" android:layout_margin="16dp" android:padding="16dp" android:text="Save you from anything Save you from anything" android:textColor="#ffFF4081" /> <camnter.newlife.widget.AutoAdjustSizeTextView android:layout_width="160dp" android:layout_height="wrap_content" android:layout_margin="16dp" android:padding="16dp" android:text="Save you from anything Save you from anything Save you from anything " android:textColor="#ffFF4081" /> <camnter.newlife.widget.AutoAdjustSizeTextView android:layout_width="160dp" android:layout_height="wrap_content" android:layout_margin="16dp" android:padding="16dp" android:text="Save you from anything Save you from anything Save you from anything Save you from anything " android:textColor="#ffFF4081" /> <camnter.newlife.widget.AutoAdjustSizeTextView android:layout_width="160dp" android:layout_height="wrap_content" android:layout_margin="16dp" android:padding="16dp" android:text="Save you from anything Save you from anything Save you from anything Save you from anything Save you from anything " android:textColor="#ffFF4081" /> </LinearLayout>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
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
AutoAdjustSizeTextViewActivity效果图
顶
0
踩
相关文章推荐
- [转帖]自动调整TextView字体大小以适应文字长度
- textView自动缩放字体大小
- android开发 textview根据字数长度自动调整字体大小
- Android编程实现自动调整TextView字体大小以适应文字长度的方法
- 自动调整textview字体大小以适应textview长度
- 自动调整TextView字体大小以适应文字长度&拖动一个角增大textView面积
- Android EditText控件输入指定长度后自动隐藏输入法
- 一个TextView设置不同大小字体、EditText显示两行不同样式hint
- WinForm的自动缩放(跟随系统字体大小的改变)
- TextView/EditText字体阴影 ,自动换行,焦点获取,输入法回车键前往,自定义光标
- Android 自定义TextView实现文本内容自动调整字体大小
- android EditView自动判断输入长度,并限制字数,然后将光标停在最后
- 33.Android 自动适配字体大小的AutoAdjustSizeEditText
- Android 自定义TextView实现文本内容自动调整字体大小以适应TextView的大小
- AutoFitTextView(Android textview根据字体长度调整字体大小)
- TextView自动缩放字体-AutoTextView
- AutoFitTextView-根据文本内容自动调整字体大小的TextView
- Android textview自适应宽度自动调整字体大小
- 代码中textview中怎么样让字体大小适应固定长度
- 实现的效果:EditText提示文本字体大小和输入文本字体大小不同