關(guān)于TextView中換行后對(duì)齊問題

貌似現(xiàn)在寫的文章都是從業(yè)務(wù)方面或者是實(shí)現(xiàn)某些功能方面來寫的。呃。。。
慢慢來吧,主要還是為了方便記錄自己碰到問題。如果以后有機(jī)會(huì)了也開始寫一些有深度的文章吧!
現(xiàn)在的道行還是不夠深,源碼雖然看過一些,但是深入的研究的還是有點(diǎn)少。算了還是先記錄今天的問題吧!

今天記錄的問題應(yīng)該是大多數(shù)的開發(fā)經(jīng)常碰得到的問題,在大多數(shù)的情況下是不需要考慮對(duì)齊問題的。

先上圖
中文不對(duì)齊.png

英文不對(duì)齊.png

中英文狀態(tài)下因?yàn)闃?biāo)點(diǎn)符號(hào)造成最后右側(cè)不對(duì)齊,尤其是英文狀態(tài)下單詞在一行盛不下,造成空的更大。為了解決這一個(gè)問題,我們就需要自定義TextView了。當(dāng)時(shí)代碼已經(jīng)有寫久遠(yuǎn)了,代碼出處已經(jīng)無法考證。還是上代碼吧!

public class TextAlignTextView extends TextView {

    private int mLineY;
    private int mViewWidth;
    public static final String TWO_CHINESE_BLANK = "  ";

    public TextAlignTextView (Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right,
                            int bottom) {
        super.onLayout(changed, left, top, right, bottom);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        TextPaint paint = getPaint();
        paint.setColor(getCurrentTextColor());
        paint.drawableState = getDrawableState();
        mViewWidth = getMeasuredWidth();
        String text = getText().toString();
        mLineY = 0;
        mLineY += getTextSize();
        Layout layout = getLayout();

        // layout.getLayout()在4.4.3出現(xiàn)NullPointerException
        if (layout == null) {
            return;
        }

        Paint.FontMetrics fm = paint.getFontMetrics();

        int textHeight = (int) (Math.ceil(fm.descent - fm.ascent));
        textHeight = (int) (textHeight * layout.getSpacingMultiplier() + layout
                .getSpacingAdd());
        //解決了最后一行文字間距過大的問題
        for (int i = 0; i < layout.getLineCount(); i++) {
            int lineStart = layout.getLineStart(i);
            int lineEnd = layout.getLineEnd(i);
            float width = StaticLayout.getDesiredWidth(text, lineStart,
                    lineEnd, getPaint());
            String line = text.substring(lineStart, lineEnd);

            if(i < layout.getLineCount() - 1) {
                if (needScale(line)) {
                    drawScaledText(canvas, lineStart, line, width);
                } else {
                    canvas.drawText(line, 0, mLineY, paint);
                }
            } else {
                canvas.drawText(line, 0, mLineY, paint);
            }
            mLineY += textHeight;
        }
    }

    private void drawScaledText(Canvas canvas, int lineStart, String line,
                                float lineWidth) {
        float x = 0;
        if (isFirstLineOfParagraph(lineStart, line)) {
            String blanks = "  ";
            canvas.drawText(blanks, x, mLineY, getPaint());
            float bw = StaticLayout.getDesiredWidth(blanks, getPaint());
            x += bw;

            line = line.substring(3);
        }

        int gapCount = line.length() - 1;
        int i = 0;
        if (line.length() > 2 && line.charAt(0) == 12288
                && line.charAt(1) == 12288) {
            String substring = line.substring(0, 2);
            float cw = StaticLayout.getDesiredWidth(substring, getPaint());
            canvas.drawText(substring, x, mLineY, getPaint());
            x += cw;
            i += 2;
        }

        float d = (mViewWidth - lineWidth) / gapCount;
        for (; i < line.length(); i++) {
            String c = String.valueOf(line.charAt(i));
            float cw = StaticLayout.getDesiredWidth(c, getPaint());
            canvas.drawText(c, x, mLineY, getPaint());
            x += cw + d;
        }
    }

    private boolean isFirstLineOfParagraph(int lineStart, String line) {
        return line.length() > 3 && line.charAt(0) == ' '
                && line.charAt(1) == ' ';
    }

    private boolean needScale(String line) {
        if (line == null || line.length() == 0) {
            return false;
        } else {
            return line.charAt(line.length() - 1) != '\n';
        }
    }

}

實(shí)際上就是通過動(dòng)態(tài)改變每一行文字的寬度來達(dá)到我們想要的效果。
實(shí)際效果圖


中文對(duì)齊.png

英文對(duì)齊.png

最終的效果就是看到兩端對(duì)齊,而不是原來的參差不齊。
好了,這一塊的記錄就到這了,希望對(duì)您有所幫助!??!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 7,389評(píng)論 0 17
  • 說好了來深圳重新開始,可是你又食言了! 難受嗎?難受 可憐嗎?自作受 早點(diǎn)下班一點(diǎn)都不好,還是加班吧!
    繽果依欣閱讀 212評(píng)論 0 1
  • 汪精衛(wèi)與夫人陳璧君 胡蘭成的五個(gè)子女 胡蘭成在上海住宅舊址:美麗園28號(hào) 胡蘭成的八朵花之(3) 應(yīng)英娣有點(diǎn)不相信...
    風(fēng)起龍飛閱讀 7,349評(píng)論 4 26
  • 吃飯哈v
    墨鏈閱讀 286評(píng)論 0 0
  • 今天早上醒來,我沒穿衣服,就跑到爸爸媽媽被窩,把他們都叫醒了,然后我去了廁所,等我再回來,發(fā)現(xiàn)爸爸媽媽沒給我留被子...
    淙翔閱讀 416評(píng)論 1 1

友情鏈接更多精彩內(nèi)容