Android自定义TextView实现高度和宽度,解决字体适配问题

简介: 众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!

👉即将学会
利用TextView的onTextChanged方法来实现宽度高度自适应的控件,目前只适用于单行。

👉背景
🙈小空:出现的原因是项目需要的设备广(涉及到手机/平板/大电视/无数的定制设备)。如果是知名的品牌还好,关键客户还是一些乱七八糟的品牌,无数尺寸造成的屏幕密度。

🙎小芝:你说气人不气人。我都炸了。

🙈小空(叹气):关键又没给更多的适配开始时间。这就很伤人了,如果使用资源文件values适配的话,那烧香都怕香不够,甚至引发一连串的事故。

🙎小芝(疑问):所以呢?有解决办法吗!

🙈小空:那当然,虽然是取巧的形式,但好歹解决了问题。最开始的时候也是没有思路,在GitHub上搜索了半天,终于找到了类似的开源:AutoFitTextView,截止2021-8-2拥有800多Star。其他也搜索到了不少,但是并不满足解决需求。

🙎小芝(很开心):哇,感谢开源。

👉实践过程
目前适应的范围:TextView无宽高限制;无其他限制; 不过项目中使用的权重布局,可根据情况调整!实现的结果:在下方图的控件上回自动填充满,控件大,字体大,控件小,字体小!

程序:注释解释很全

import android.content.Context;
import android.graphics.Paint;
import android.support.annotation.Nullable;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.view.Gravity;
import android.widget.TextView;
/** 
 * Created by akitaka on 2018-07-05.
 * https://zhima.blog.csdn.net/ 
 * https://juejin.cn/user/4265760844943479/columns 
 * https://www.zhihu.com/people/zhimalier 
 * @filename FitHeightTextView 
 * @describe 根据高度自适应字体文字大小 
 * @email 960576866@qq.com */public class FitHeightTextView extends TextView {
    private Paint mTextPaint;
    private float mMaxTextSize; // 获取当前所设置文字大小作为最大文字大小
    private float mMinTextSize = 8;    //最小的字体大小
 
    public FitHeightTextView(Context context) {
        super(context);
    }
 
    public FitHeightTextView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        setGravity(getGravity() | Gravity.CENTER_VERTICAL); // 默认水平居中
        setLines(1);
        initialise();
    }
 
    private void initialise() {
        mTextPaint = new TextPaint();
        mTextPaint.set(this.getPaint());
        //默认的大小是设置的大小,如果撑不下了 就改变
        mMaxTextSize = this.getTextSize();
    }
 
    //文字改变的时候
    @Override
    protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
        refitText(text.toString(), this.getHeight());   //textview视图的高度
        super.onTextChanged(text, start, lengthBefore, lengthAfter);
    }
 
    private void refitText(String textString, int height) {
        if (height > 0) {
            //减去边距为字体的实际高度
            int availableHeight = height - this.getPaddingTop() - this.getPaddingBottom();   
            float trySize = mMaxTextSize;
            mTextPaint.setTextSize(trySize);
            while (mTextPaint.descent()-mTextPaint.ascent() > availableHeight) {  
                //测量的字体高度过大,不断地缩放
                trySize -= 1;  //字体不断地减小来适应
                if (trySize <= mMinTextSize) {
                    trySize = mMinTextSize;  //最小为这个
                    break;
                }
                mTextPaint.setTextSize(trySize);
            }
            setTextSize(px2sp(getContext(), trySize));
        }
    }
 
    //大小改变的时候
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        if (h != oldh) {
            refitText(this.getText().toString(), h);
        }
    }
 
    /**
     * 将px值转换为sp值,保证文字大小不变
     */
    public static float px2sp(Context context, float pxValue) {
        float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
        return (pxValue / fontScale);
    }
}

在布局中使用的话,注意按照你最大的设备来设置字体大小,这样在小设备上回自动缩放

android:textSize 保持为支持最大设备的字体大小

  <cn.jucheng.www.cpr.util.FitHeightTextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:gravity="center_vertical"
                            android:text="设置"
                            android:textSize="28sp"
                            android:textColor="#56BBe0" />

试验后就会发现,真的很神奇;

有根据高度,就有根据宽度的自动适配,这个是网上的,同时github上也大多是这种效果;上个简单的代码

/** 
 * Created by akitaka on 2018-07-05.
 * https://zhima.blog.csdn.net/ 
 * https://juejin.cn/user/4265760844943479/columns 
 * https://www.zhihu.com/people/zhimalier 
 * @filename FitHeightTextView 
 * @describe 根据高度自适应字体文字大小 
 * @email 960576866@qq.com */public class FitTextView extends TextView{
     private Paint mTextPaint;
        private float mMaxTextSize; // 获取当前所设置文字大小作为最大文字大小
        private float mMinTextSize = 3;
 
        public FitTextView(Context context) {
            this(context, null);
        }
 
        public FitTextView(Context context, AttributeSet attrs) {
            super(context, attrs);
            setGravity(getGravity() | Gravity.CENTER_VERTICAL); // 默认水平居中
            setLines(1);
            initialise();
        }
 
        @Override
        protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
            refitText(text.toString(), this.getWidth());
            super.onTextChanged(text, start, lengthBefore, lengthAfter);
        }
 
        private void initialise() {
            mTextPaint = new TextPaint();
            mTextPaint.set(this.getPaint());
            // 最大的大小默认为特定的文本大小,除非它太小了
            mMaxTextSize = this.getTextSize();
//            mMinTextSize = 8;
        }
 
        @Override
        protected void onSizeChanged(int w, int h, int oldw, int oldh) {
            if (w != oldw) {
                refitText(this.getText().toString(), w);
            }
        }
 
        /**
         * Resize the font so the specified text fits in the text box
         * assuming the text box is the specified width.
         *    
         */
        private void refitText(String text, int textWidth) {
            if (textWidth > 0) {
                int availableWidth = textWidth - this.getPaddingLeft() - this.getPaddingRight();
                float trySize = mMaxTextSize;
 
                mTextPaint.setTextSize(trySize);
                while (mTextPaint.measureText(text) > availableWidth) {
 
                    trySize -= 1;
                    if (trySize <= mMinTextSize) {
                        trySize = mMinTextSize;
                        break;
                    }
                    mTextPaint.setTextSize(trySize);
                }
 
                // setTextSize参数值为sp值
                setTextSize(px2sp(getContext(), trySize));
            }
        }
 
        /**
         * 将px值转换为sp值,保证文字大小不变
         */
        public static float px2sp(Context context, float pxValue) {
            float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
            return (pxValue / fontScale);
        }
 
}

主要的区别在于:TextPaint的方法:measureText(text) descent ascent!

相关文章
|
1月前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图:从零到英雄
【10月更文挑战第42天】 在安卓的世界里,自定义视图是一块画布,让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门,通过深入浅出的方式,让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤,以及如何优化你的视图以提高性能和兼容性。准备好了吗?让我们开始这段创造性的旅程吧!
26 1
|
2月前
|
Android开发 开发者
安卓应用开发中的自定义视图
【9月更文挑战第37天】在安卓开发的海洋中,自定义视图犹如一座座小岛,等待着勇敢的探索者去发现其独特之处。本文将带领你踏上这段旅程,从浅滩走向深海,逐步揭开自定义视图的神秘面纱。
44 3
|
2月前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中,自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View,包括设计理念、实现步骤以及性能优化技巧,帮助开发者打造流畅且富有创意的用户界面。
96 0
|
1月前
|
搜索推荐 前端开发 Android开发
安卓应用开发中的自定义视图实现
【10月更文挑战第30天】在安卓开发的海洋中,自定义视图是那抹不可或缺的亮色,它为应用界面的个性化和交互体验的提升提供了无限可能。本文将深入探讨如何在安卓平台创建自定义视图,并展示如何通过代码实现这一过程。我们将从基础出发,逐步引导你理解自定义视图的核心概念,然后通过一个实际的代码示例,详细讲解如何将理论应用于实践,最终实现一个美观且具有良好用户体验的自定义控件。无论你是想提高自己的开发技能,还是仅仅出于对安卓开发的兴趣,这篇文章都将为你提供价值。
|
1月前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域,自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View,以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理,进而探索内存和布局优化技巧,最终实现既美观又高效的安卓界面。
38 5
|
2月前
|
XML 前端开发 Java
安卓应用开发中的自定义View组件
【10月更文挑战第5天】自定义View是安卓应用开发的一块基石,它为开发者提供了无限的可能。通过掌握其原理和实现方法,可以创造出既美观又实用的用户界面。本文将引导你了解自定义View的创建过程,包括绘制技巧、事件处理以及性能优化等关键步骤。
|
3月前
|
Android开发 开发者
安卓开发中的自定义视图:从入门到精通
【9月更文挑战第19天】在安卓开发的广阔天地中,自定义视图是一块充满魔力的土地。它不仅仅是代码的堆砌,更是艺术与科技的完美结合。通过掌握自定义视图,开发者能够打破常规,创造出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战应用,一步步展示如何用代码绘出心中的蓝图。无论你是初学者还是有经验的开发者,这篇文章都将为你打开一扇通往创意和效率的大门。让我们一起探索自定义视图的秘密,将你的应用打造成一件艺术品吧!
71 10
|
2月前
|
XML 存储 Java
浅谈Android的TextView控件
浅谈Android的TextView控件
43 0
|
3月前
|
XML 编解码 Android开发
安卓开发中的自定义视图控件
【9月更文挑战第14天】在安卓开发中,自定义视图控件是一种高级技巧,它可以让开发者根据项目需求创建出独特的用户界面元素。本文将通过一个简单示例,引导你了解如何在安卓项目中实现自定义视图控件,包括创建自定义控件类、处理绘制逻辑以及响应用户交互。无论你是初学者还是有经验的开发者,这篇文章都会为你提供有价值的见解和技巧。
55 3
|
3月前
|
前端开发 Android开发 开发者
安卓应用开发中的自定义视图基础
【9月更文挑战第13天】在安卓开发的广阔天地中,自定义视图是一块神奇的画布,它允许开发者将想象力转化为用户界面的创新元素。本文将带你一探究竟,了解如何从零开始构建自定义视图,包括绘图基础、触摸事件处理,以及性能优化的实用技巧。无论你是想提升应用的视觉吸引力,还是追求更流畅的交互体验,这里都有你需要的金钥匙。