android textview 自動換行 整齊排版

来源:http://www.cnblogs.com/goagent/archive/2016/02/24/5159125.html
-Advertisement-
Play Games

一、問題在哪裡? textview顯示長文字時會進行自動折行,如果遇到一些特殊情況,自動折行會杯具成這個樣子: 上述特殊情況包括: 1)全形/半形符號混排(一般是數字、字母、漢字混排) 2)全形/半形標點符號出現在行首時,該標點符號會連同其前一個字元跳到下一行 3)英文單詞不能被折成兩行 4)...


一、問題在哪裡?

textview顯示長文字時會進行自動折行,如果遇到一些特殊情況,自動折行會杯具成這個樣子:

上述特殊情況包括:

1)全形/半形符號混排(一般是數字、字母、漢字混排)

2)全形/半形標點符號出現在行首時,該標點符號會連同其前一個字元跳到下一行

3)英文單詞不能被折成兩行

4)......

  [轉載請保留本文地址:http://www.cnblogs.com/goagent/p/5159125.html]

二、怎麼搞?

通常有兩類解決方案:

1)修改文本內容,將所有符號全形化、在標點符號前面加空格等等……

2)保持文本內容不變,在合適的位置將文本手動分成多行

本文采用第二種方案,更加通用,也最大限度的保留了原文本。

  [轉載請保留本文地址:http://www.cnblogs.com/goagent/p/5159125.html]

三、開始幹活

3.1  “在合適的位置將文本手動分成多行”需要知道textview的實際寬度、字體大小等信息,框架如下:

 1 public class TestCActivity extends Activity {
 2     private TextView mText;
 3     
 4     @Override
 5     protected void onCreate(Bundle savedInstanceState) {
 6         super.onCreate(savedInstanceState);
 7         
 8         setContentView(R.layout.testc);
 9         
10         mText = (TextView)findViewById(R.id.txt);
11         mText.setText("本文地址http://www.cnblogs.com/goagent/p/5159125.html本文地址啊本文。地址。啊http://www.cnblogs.com/goagent/p/5159125.html");
12         mText.getViewTreeObserver().addOnGlobalLayoutListener(new OnTvGlobalLayoutListener());
13     }
14 
15     private class OnTvGlobalLayoutListener implements OnGlobalLayoutListener {
16         @Override
17         public void onGlobalLayout() {
18             mText.getViewTreeObserver().removeOnGlobalLayoutListener(this);
19             final String newText = autoSplitText(mText);
20             if (!TextUtils.isEmpty(newText)) {
21                 mText.setText(newText);
22             }
23         }
24     }
25     
26     private String autoSplitText(final TextView tv) {
27         final String rawText = tv.getText().toString();
28         final Paint tvPaint = tv.getPaint();
29         final int tvWidth = tv.getWidth() - tv.getPaddingLeft() - tv.getPaddingRight();
30         
31         //autoSplitText begin....
32         String newText = rawText;
33         //autoSplitText end....
34         
35         return newText;
36     }
37 }

3.2  實現自動分割文本,簡單來說就是用textview的paint逐字元測量,如果發現當前行繪製不下了,就手動加入一個換行符: 

 1     private String autoSplitText(final TextView tv) {
 2         final String rawText = tv.getText().toString(); //原始文本
 3         final Paint tvPaint = tv.getPaint(); //paint,包含字體等信息
 4         final float tvWidth = tv.getWidth() - tv.getPaddingLeft() - tv.getPaddingRight(); //控制項可用寬度
 5         
 6         //將原始文本按行拆分
 7         String [] rawTextLines = rawText.replaceAll("\r", "").split("\n");
 8         StringBuilder sbNewText = new StringBuilder();
 9         for (String rawTextLine : rawTextLines) {
10             if (tvPaint.measureText(rawTextLine) <= tvWidth) {
11                 //如果整行寬度在控制項可用寬度之內,就不處理了
12                 sbNewText.append(rawTextLine);
13             } else {
14                 //如果整行寬度超過控制項可用寬度,則按字元測量,在超過可用寬度的前一個字元處手動換行
15                 float lineWidth = 0;
16                 for (int cnt = 0; cnt != rawTextLine.length(); ++cnt) {
17                     char ch = rawTextLine.charAt(cnt);
18                     lineWidth += tvPaint.measureText(String.valueOf(ch));
19                     if (lineWidth <= tvWidth) {
20                         sbNewText.append(ch);
21                     } else {
22                         sbNewText.append("\n");
23                         lineWidth = 0;
24                         --cnt;
25                     }
26                 }
27             }
28             sbNewText.append("\n");
29         }
30         
31         //把結尾多餘的\n去掉
32         if (!rawText.endsWith("\n")) {
33             sbNewText.deleteCharAt(sbNewText.length() - 1);
34         }
35         
36         return sbNewText.toString();
37     }

3.3  話不多說,效果如下:

  [轉載請保留本文地址:http://www.cnblogs.com/goagent/p/5159125.html]

四、更多玩法

4.1  可以封裝一個自定義的textview,直接包含自動排版換行的功能:

 1 import android.content.Context;
 2 import android.graphics.Paint;
 3 import android.text.TextUtils;
 4 import android.util.AttributeSet;
 5 import android.widget.TextView;
 6 
 7 public class AutoSplitTextView extends TextView {
 8     private boolean mEnabled = true;
 9 
10     public AutoSplitTextView(Context context) {
11         super(context);
12     }
13 
14     public AutoSplitTextView(Context context, AttributeSet attrs) {
15         super(context, attrs);
16     }
17 
18     public AutoSplitTextView(Context context, AttributeSet attrs, int defStyle) {
19         super(context, attrs, defStyle);
20     }
21     
22     public void setAutoSplitEnabled(boolean enabled) {
23         mEnabled = enabled;
24     }
25     
26     @Override
27     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
28         if (MeasureSpec.getMode(widthMeasureSpec) == MeasureSpec.EXACTLY 
29             && MeasureSpec.getMode(heightMeasureSpec) == MeasureSpec.EXACTLY
30             && getWidth() > 0 
31             && getHeight() > 0
32             && mEnabled) {
33             String newText = autoSplitText(this);
34             if (!TextUtils.isEmpty(newText)) {
35                 setText(newText);
36             }
37         }
38         super.onMeasure(widthMeasureSpec, heightMeasureSpec);
39     }
40     
41     private String autoSplitText(final TextView tv) {
42         final String rawText = tv.getText().toString(); //原始文本
43         final Paint tvPaint = tv.getPaint(); //paint,包含字體等信息
44         final float tvWidth = tv.getWidth() - tv.getPaddingLeft() - tv.getPaddingRight(); //控制項可用寬度
45         
46         //將原始文本按行拆分
47         String [] rawTextLines = rawText.replaceAll("\r", "").split("\n");
48         StringBuilder sbNewText = new StringBuilder();
49         for (String rawTextLine : rawTextLines) {
50             if (tvPaint.measureText(rawTextLine) <= tvWidth) {
51                 //如果整行寬度在控制項可用寬度之內,就不處理了
52                 sbNewText.append(rawTextLine);
53             } else {
54                 //如果整行寬度超過控制項可用寬度,則按字元測量,在超過可用寬度的前一個字元處手動換行
55                 float lineWidth = 0;
56                 for (int cnt = 0; cnt != rawTextLine.length(); ++cnt) {
57                     char ch = rawTextLine.charAt(cnt);
58                     lineWidth += tvPaint.measureText(String.valueOf(ch));
59                     if (lineWidth <= tvWidth) {
60                         sbNewText.append(ch);
61                     } else {
62                         sbNewText.append("\n");
63                         lineWidth = 0;
64                         --cnt;
65                     }
66                 }
67             }
68             sbNewText.append("\n");
69         }
70         
71         //把結尾多餘的\n去掉
72         if (!rawText.endsWith("\n")) {
73             sbNewText.deleteCharAt(sbNewText.length() - 1);
74         }
75         
76         return sbNewText.toString();
77     }
78 }
View Code

4.2  實現懸掛縮進 

 1     private String autoSplitText(final TextView tv, final String indent) {
 2         final String rawText = tv.getText().toString(); //原始文本
 3         final Paint tvPaint = tv.getPaint(); //paint,包含字體等信息
 4         final float tvWidth = tv.getWidth() - tv.getPaddingLeft() - tv.getPaddingRight(); //控制項可用寬度
 5         
 6         //將縮進處理成空格
 7         String indentSpace = "";
 8         float indentWidth = 0;
 9         if (!TextUtils.isEmpty(indent)) {
10             float rawIndentWidth = tvPaint.measureText(indent);
11             if (rawIndentWidth < tvWidth) {
12                 while ((indentWidth = tvPaint.measureText(indentSpace)) < rawIndentWidth) {
13                     indentSpace += " ";
14                 }
15             }
16         }
17         
18         //將原始文本按行拆分
19         String [] rawTextLines = rawText.replaceAll("\r", "").split("\n");
20         StringBuilder sbNewText = new StringBuilder();
21         for (String rawTextLine : rawTextLines) {
22             if (tvPaint.measureText(rawTextLine) <= tvWidth) {
23                 //如果整行寬度在控制項可用寬度之內,就不處理了
24                 sbNewText.append(rawTextLine);
25             } else {
26                 //如果整行寬度超過控制項可用寬度,則按字元測量,在超過可用寬度的前一個字元處手動換行
27                 float lineWidth = 0;
28                 for (int cnt = 0; cnt != rawTextLine.length(); ++cnt) {
29                     char ch = rawTextLine.charAt(cnt);
30                     //從手動換行的第二行開始,加上懸掛縮進
31                     if (lineWidth < 0.1f && cnt != 0) {
32                         sbNewText.append(indentSpace);
33                         lineWidth += indentWidth;
34                     }
35                     lineWidth += tvPaint.measureText(String.valueOf(ch));
36                     if (lineWidth <= tvWidth) {
37                         sbNewText.append(ch);
38                     } else {
39                         sbNewText.append("\n");
40                         lineWidth = 0;
41                         --cnt;
42                     }
43                 }
44             }
45             sbNewText.append("\n");
46         }
47         
48         //把結尾多餘的\n去掉
49         if (!rawText.endsWith("\n")) {
50             sbNewText.deleteCharAt(sbNewText.length() - 1);
51         }
52         
53         return sbNewText.toString();
54     }
View Code

調用方式:

 autoSplitText(tv, "1、"); 

懸掛縮進效果:

 [轉載請保留本文地址:http://www.cnblogs.com/goagent/p/5159125.html]


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 寫了一段時間的心情,今天開始寫第一篇算是跟技術有點沾邊的文章,將今天在公司對一個老項目改版中涉及的代碼粘貼出來,也算開個張。 由於以前主要是做後端開發,對前端代碼瞭解不多,加上有一段時間沒有實際動手寫代碼,思路雖然還在,但真正寫起來才發現不是那麼容易,所以記錄下來,有很好的紀念意義。 主要場景是解決
  • 【原】FMDB源碼閱讀(二) 本文轉載請註明出處 —— polobymulberry-博客園 1. 前言 上一篇只是簡單地過了一下FMDB一個簡單例子的基本流程,並沒有涉及到FMDB的所有方方面面,比如FMDB的executeUpdate:系列方法、資料庫的加解密等等。這次寫的就是對FMDataba...
  • 註意:向客戶端寫數據時最後需要加上\n,不然很久都不會得到服務端的返回。 上面為普通的socket服務端,最近項目採用apache mina框架建後臺的socket服務端,採用上面的asyncSocket一直連接不上伺服器,也在網上查詢了大量的資料,最終發現需要如下: NSString *reque
  • 前兩篇文章 UIPickerView的使用(一) 、 UIPickerView的使用(二),學習了UIPickerView的單列選擇器和雙列選擇器的使用。 現在我們一起學習相互依賴的多列選擇器 1、遵守協議 2、創建pickView 3、實現協議 //UIPickerViewDataSource中定
  • 上篇文章 UIPickerView的使用(一) 學習瞭如何創建單列選擇器,現在看一下如何創建多列選擇器 多列選擇器(以二列為例) 1、遵守協議和創建兩個數據源 2、創建pickView 3、實現代理 //UIPickerViewDataSource中定義的方法,該方法的返回值決定該控制項包含的列數 -
  • 標題欄和狀態欄 Android程式預設情況下是包含狀態欄和標題欄的。 在Eclipse中新建一個Android程式,運行後顯示如下: 圖中標出了狀態欄(顯示時間、電池電量、網路等)和標題欄(顯示應用的名稱,即activity的android:label的屬性值)。 要隱藏標題欄和狀態欄,總體來說有兩
  • 1、首先先創建四個動畫文件 ①:left_in.xml <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android
  • 簡介:UIPickerView是一個選擇器控制項,它比UIDatePicker更加通用,它可以生成單列的選擇器,也可生成多列的選擇器,而且開發者完全可以自定義選擇項的外觀,因此用法非常靈活。UIPickerView直接繼承了UIView,沒有繼承UIControl,因此,它不能像UIControl那樣
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...