Android

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

2018-07-22  本文已影响0人  kuwork

心血来潮,换一种方式重写几年前写的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>

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

上一篇下一篇

猜你喜欢

热点阅读