美文网首页Android
Android FixedTextView 字体大小自适应文本框

Android FixedTextView 字体大小自适应文本框

作者: kuwork | 来源:发表于2018-07-22 18:23 被阅读0次

    心血来潮,换一种方式重写几年前写的FixedTextView,不再一个字一个字计算适合的字体大小,使用StaticLayout来自动实现固定区域换行绘制文本。
    效果图:

    代码不多:
    测试布局

    <?xml version="1.0" encoding="utf-8"?>
    <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_horizontal"
            android:orientation="vertical"
            tools:context=".MainActivity">
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:text="文本宽度小于内容宽度" />
    
            <com.kw.ui.fixedtextview.FixedTextView
                android:layout_width="200dp"
                android:layout_height="30dp"
                android:layout_marginTop="10dp"
                android:background="#FF0000"
                android:padding="10dp"
                app:ftvMaxLine="2"
                app:ftvText="以上就是这篇文章的全部内容了"
                app:ftvTextColor="#FFFFFF" />
    
            <com.kw.ui.fixedtextview.FixedTextView
                android:layout_width="200dp"
                android:layout_height="30dp"
                android:layout_marginTop="10dp"
                android:background="#FF0000"
                android:padding="10dp"
                app:ftvMaxLine="2"
                app:ftvText="以上就是这篇文章的全部内容了,多了几个字"
                app:ftvTextColor="#FFFFFF" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:text="不同高度,限制行数" />
    
            <com.kw.ui.fixedtextview.FixedTextView
                android:layout_width="200dp"
                android:layout_height="30dp"
                android:layout_marginTop="10dp"
                android:background="#FF0000"
                android:padding="10dp"
                app:ftvMaxLine="2"
                app:ftvText="以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家的支持。"
                app:ftvTextColor="#FFFFFF" />
    
            <com.kw.ui.fixedtextview.FixedTextView
                android:layout_width="200dp"
                android:layout_height="60dp"
                android:layout_marginTop="10dp"
                android:background="#FF0000"
                android:padding="10dp"
                app:ftvMaxLine="2"
                app:ftvText="以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家的支持。"
                app:ftvTextColor="#FFFFFF" />
    
            <com.kw.ui.fixedtextview.FixedTextView
                android:layout_width="200dp"
                android:layout_height="100dp"
                android:layout_marginTop="10dp"
                android:background="#FF0000"
                android:padding="10dp"
                app:ftvMaxLine="2"
                app:ftvText="以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家的支持。"
                app:ftvTextColor="#FFFFFF" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:text="相同高度,相同行数,限制字体大小" />
    
            <com.kw.ui.fixedtextview.FixedTextView
    
                android:layout_width="200dp"
                android:layout_height="60dp"
                android:layout_marginTop="10dp"
                android:background="#FF0000"
                android:padding="10dp"
                app:ftvMaxLine="4"
                app:ftvText="以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家的支持。"
                app:ftvTextColor="#FFFFFF" />
    
            <com.kw.ui.fixedtextview.FixedTextView
                android:layout_width="200dp"
                android:layout_height="60dp"
                android:layout_marginTop="10dp"
                android:background="#FF0000"
                android:padding="10dp"
                app:ftvMaxLine="4"
                app:ftvMinTextSize="16dp"
                app:ftvText="以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家的支持。"
                app:ftvTextColor="#FFFFFF" />
    
    
        </LinearLayout>
    </ScrollView>
    

    FixedTextView

    package com.kw.ui.fixedtextview;
    
    import android.content.Context;
    import android.content.res.TypedArray;
    import android.graphics.Canvas;
    import android.graphics.Color;
    import android.graphics.Paint;
    import android.graphics.Rect;
    import android.os.Build;
    import android.support.annotation.Nullable;
    import android.support.annotation.RequiresApi;
    import android.text.Layout;
    import android.text.StaticLayout;
    import android.text.TextPaint;
    import android.util.AttributeSet;
    import android.view.View;
    
    class FixedTextView extends View {
    
        /**
         * 最大行数
         */
        private int mMaxLine;
        /**
         * 字体颜色
         */
        private int mTextColor;
    
        /**
         * 最小文字大小,默认为-1时,不做限制
         */
        private float mMinTextSize;
        /**
         * 文本内容
         */
        private String mText;
    
        private TextPaint mPaint;
    
        public FixedTextView(Context context) {
            super(context);
            init(context, null);
        }
    
        public FixedTextView(Context context, @Nullable AttributeSet attrs) {
            super(context, attrs);
            init(context, attrs);
        }
    
        public FixedTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            init(context, attrs);
        }
    
        @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
        public FixedTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
            super(context, attrs, defStyleAttr, defStyleRes);
            init(context, attrs);
        }
    
        private void init(Context context, AttributeSet attrs) {
            TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.FixedTextView);
            mMaxLine = a.getInt(R.styleable.FixedTextView_ftvMaxLine, 1);
            mTextColor = a.getColor(R.styleable.FixedTextView_ftvTextColor, Color.parseColor("#333333"));
            mMinTextSize = a.getDimension(R.styleable.FixedTextView_ftvMinTextSize, -1);
            mText = a.getString(R.styleable.FixedTextView_ftvText);
            a.recycle();
    
            mPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);
            mPaint.setColor(mTextColor);
            mPaint.setTextSize(mMinTextSize);
            mPaint.setStyle(Paint.Style.FILL);
        }
    
    
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            int mWidth = canvas.getWidth();
            int mHeight = canvas.getHeight();
            int width = (int) Math.floor(mWidth - getPaddingLeft() - getPaddingRight());
            int height = (int) Math.floor(mHeight - getPaddingTop() - getPaddingBottom());
            // 最小字体高度
            float minTextHeight = (float) Math.floor(height / mMaxLine);
            // 最大字体高度
            float maxTextHeight = height;
            float textSize = Math.max(mMinTextSize, maxTextHeight);
            StaticLayout staticLayout = null;
            do {
                mPaint.setTextSize(textSize);
                staticLayout = new StaticLayout(mText, mPaint, width, Layout.Alignment.ALIGN_NORMAL, 1f, 0f, false);
                textSize -= 0.1f;
                if (mMinTextSize != -1 && textSize <= mMinTextSize) {
                    break;
                }
            } while (staticLayout.getLineCount() > mMaxLine);
            if (mMinTextSize != -1 && textSize <= mMinTextSize && staticLayout.getLineCount() > mMaxLine) {
                int lineCount = staticLayout.getLineCount();
                int lineForVertical = staticLayout.getLineForVertical(height);//最后一行行号
                int strMaxLen = mText.length();
                do {
                    strMaxLen -= 1;
                    staticLayout = new StaticLayout(mText.substring(0, strMaxLen), mPaint, width, Layout.Alignment.ALIGN_NORMAL, 1f, 0f, false);
                } while (staticLayout.getLineCount() > lineForVertical);
                String substring = mText.substring(0, strMaxLen - 1) + "…";
                staticLayout = new StaticLayout(substring, mPaint, width, Layout.Alignment.ALIGN_NORMAL, 1f, 0f, false);
            }
            float dx = getPaddingLeft();
            // 修正横向居中问题
            Rect rect = new Rect();
            String text = staticLayout.getText().toString();
            mPaint.getTextBounds(text, 0, text.length(), rect);
            if (rect.width() < width) {
                dx = (float) (getPaddingLeft() + Math.floor(width - rect.width()) / 2f);
            }
            // 修正纵向居中问题
            float dy = getPaddingTop() + (height - staticLayout.getHeight()) / 2f;
            canvas.translate(dx, dy);
            staticLayout.draw(canvas);
        }
    }
    

    fixedtextview_attrs.xml

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <declare-styleable name="FixedTextView">
            <attr name="ftvMaxLine" format="integer" />
            <attr name="ftvMinTextSize" format="dimension" />
            <attr name="ftvTextColor" format="reference|color" />
            <attr name="ftvText" format="string" />
        </declare-styleable>
    </resources>
    

    以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家的支持。

    相关文章

      网友评论

        本文标题:Android FixedTextView 字体大小自适应文本框

        本文链接:https://www.haomeiwen.com/subject/bgqrmftx.html