Android textView字体自定义结合HTml

1.    自定义字体
可以使用setTypeface(Typeface)方法来设置文本框内文本的字体，而android的Typeface又使用TTF字体文件来设置字体
所以，我们可以在程序中放入TTF字体文件，在程序中使用Typeface来设置字体：第一步，在assets目录下新建fonts目录，把TTF字体文件放到这里。第二步，程序中调用：
TextViewtv = (TextView)findViewById(R.id.textView);
AssetManagermgr=getAssets();//得到AssetManager
Typefacetf=Typeface.createFromAsset(mgr, "fonts/mini.TTF");//根据路径得到Typeface
tv.setTypeface(tf);//设置字体
效果如下图所示：
 

 
2.    显示多种颜色的字
Android支持html格式的字符串，通过调用Html.fromHtml(str)方法可以转换html格式的字符串str。
示例如下：
StringtextStr1 = "<font color=\"#ffff00\">如果有一天，</font><br>";
StringtextStr2 = "<font color=\"#00ff00\">我厌倦了这里，</font><br>";
StringtextStr3 = "<font color=\"#ff00ff\">我会乘着梦，</font><br>";
StringtextStr4 = "<font color=\"#00ffff\">飞向那个属于自己的<br>世界……</font><br>";
tv.setText(Html.fromHtml(textStr1+textStr2+textStr3+textStr4));
运行后效果如下：
 

 
3.    字体加粗
在xml布局文件中使用android:textStyle=”bold”可以将英文设置成粗体，但是不能将中文设置成粗体，将中文设置成粗体的方法是：使用TextPaint的仿“粗体”设置setFakeBoldText为true。示例代码如下：
tv.getPaint().setFakeBoldText(true);
效果如下：


 
4.    添加阴影
在xml布局文件中使用一系列android:shadowXXX属性可添加设置阴影。具体为：shadowColor设置阴影颜色；shadowDx设置阴影水平偏移量；shadowDy设置阴影垂直偏移量；shadowRadius设置阴影半径。
示例代码：
android:shadowColor="#ffffff"
android:shadowDx="15.0"
android:shadowDy="5.0"
android:shadowRadius="2.5"
显示效果如下：
 

 
5.    插入图片
插入图片有两种方法，第一种方法就是用上面说的html格式的字符串，不过转换稍微有些麻烦。需要用到ImageGetter类来对图片的src属性进行转换。示例代码如下：
StringimgStr = "<img src=\""+R.drawable.sidai+"\"/>";
Html.ImageGetterimageGetter = new Html.ImageGetter() {
         public Drawable getDrawable(Stringarg0) {
                   // TODO Auto-generated methodstub
                   int id =Integer.parseInt(arg0);
                   Drawable draw =getResources().getDrawable(id);
                   draw.setBounds(10, 10, 228,300);
                   return draw;
         }
};
tv.append(Html.fromHtml(imgStr,imageGetter,null));
第二种方法是使用xml布局文件中一系列android:drawableXXX属性来实现插入图片。具体为：drawableBottom是在文本框内文本的底端绘制指定图像；drawableLeft是在文本框内文本的左边绘制指定图像；drawableRight是在文本框内文本的右边绘制指定图像；drawableTop是在文本框内文本的顶端绘制指定图像；drawablePadding设置文本框内文本与图像之间的间距。示例代码：
android:drawableBottom=”@drawable/sidai”
插入图片后的显示效果如下：

摘自 北京大学-Google Android实验室

android设置textView属性

字间距

textView有一个属性android:textScaleX是调节字间距的，它的值是一个float型。查看源代码，默认textView 此属性是使用的是：

android.internal.R.styleable.TextView_textScaleX

setTextScaleX(a.getFloat(attr, 1.0f));

行间距

Android系统中TextView默认显示中文时会比较紧凑，不是很美观。为了让每行保持一定的行间距，可以设置属性android:lineSpacingExtra或android:lineSpacingMultiplier。

关于Android下TextView中文换行问题，可查看Android自定义view-文本自动换行。

1、android:lineSpacingExtra
设置行间距，如”3dp”。

2、android:lineSpacingMultiplier
设置行间距的倍数，如”1.2″。

参考代码：

<TextView
           android:layout_width="fill_parent"
           android:layout_height="wrap_content"
           android:lineSpacingExtra="3dp"
           android:lineSpacingMultiplier="1.5"

           android:textStyle="bold" />

设置部分文字背景高亮显示： 

1. public class HighLightActivity extends Activity {   
2.     String strs="我的心太乱了，给我点空白。";   
3.     TextView textview;   
4.     int start =3;   
5.     int end = 5;   
6.     /** Called when the activity is first created. */  
7.     @Override  
8.     public void onCreate(Bundle savedInstanceState) {   
9.         super.onCreate(savedInstanceState);   
10.         setContentView(R.layout.high_light);   
11.         textview=(TextView)findViewById(R.id.textview);   
12.         SpannableStringBuilder style=new SpannableStringBuilder(strs);   
13.         style.setSpan(new BackgroundColorSpan(Color.RED),start,end,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
14.         textview.setText(style);   
15.            
16.     }   
17.   
18. }  

同时设置文字和背景高亮显示： 

1. package com.justel.contact;   
2.   
3. import android.app.Activity;   
4. import android.graphics.Color;   
5. import android.os.Bundle;   
6. import android.text.Spannable;   
7. import android.text.SpannableStringBuilder;   
8. import android.text.style.BackgroundColorSpan;   
9. import android.text.style.ForegroundColorSpan;   
10. import android.widget.TextView;   
11.   
12. public class HighLightActivity extends Activity {   
13.     String strs="我的心太乱了，给我点空白。";   
14.     TextView textview;   
15.     int start =3;   
16.     int end = 5;   
17.     /** Called when the activity is first created. */  
18.     @Override  
19.     public void onCreate(Bundle savedInstanceState) {   
20.         super.onCreate(savedInstanceState);   
21.         setContentView(R.layout.high_light);   
22.         textview=(TextView)findViewById(R.id.textview);   
23.         SpannableStringBuilder style=new SpannableStringBuilder(strs);   
24.         style.setSpan(new BackgroundColorSpan(Color.RED),start,end,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);   
25.         style.setSpan(new ForegroundColorSpan(Color.RED),7,9,Spannable.SPAN_EXCLUSIVE_INCLUSIVE);   
26.         textview.setText(style);   
27.            
28.     }   
29.   
30. }  

[java] view plaincopy

1. package com.justel.contact;  
2.   
3. import android.app.Activity;  
4. import android.graphics.Color;  
5. import android.os.Bundle;  
6. import android.text.Spannable;  
7. import android.text.SpannableStringBuilder;  
8. import android.text.style.BackgroundColorSpan;  
9. import android.text.style.ForegroundColorSpan;  
10. import android.widget.TextView;  
11.   
12. public class HighLightActivity extends Activity {  
13.     String strs="我的心太乱了，给我点空白。";  
14.     TextView textview;  
15.     int start =3;  
16.     int end = 5;  
17.     /** Called when the activity is first created. */  
18.     @Override  
19.     public void onCreate(Bundle savedInstanceState) {  
20.         super.onCreate(savedInstanceState);  
21.         setContentView(R.layout.high_light);  
22.         textview=(TextView)findViewById(R.id.textview);  
23.         SpannableStringBuilder style=new SpannableStringBuilder(strs);  
24.         style.setSpan(new BackgroundColorSpan(Color.RED),start,end,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
25.         style.setSpan(new ForegroundColorSpan(Color.RED),7,9,Spannable.SPAN_EXCLUSIVE_INCLUSIVE);  
26.         textview.setText(style);  
27.           

1、半角字符与全角字符混乱所致：这种情况一般就是汉字与数字、英文字母混用

 

解决方法一：

将textview中的字符全角化。即将所有的数字、字母及标点全部转为全角字符，使它们与汉字同占两个字节，这样就可以避免由于占位导致的排版混乱问题了。 半角转为全角的代码如下，只需调用即可。

Java代码  

1. public static String ToDBC(String input) {  
2.    char[] c = input.toCharArray();  
3.    for (int i = 0; i< c.length; i++) {  
4.        if (c[i] == 12288) {  
5.          c[i] = (char) 32;  
6.          continue;  
7.        }if (c[i]> 65280&& c[i]< 65375)  
8.           c[i] = (char) (c[i] - 65248);  
9.        }  
10.    return new String(c);  
11. }  

 

解决方法二：

去除特殊字符或将所有中文标号替换为英文标号。利用正则表达式将所有特殊字符过滤，或利用replaceAll（）将中文标号替换为英文标号。则转化之后，则可解决排版混乱问题。

 

Java代码  

1. // 替换、过滤特殊字符  
2. public static String StringFilter(String str) throws PatternSyntaxException{  
3.     str=str.replaceAll("【","[").replaceAll("】","]").replaceAll("！","!");//替换中文标号  
4.     String regEx="[『』]"; // 清除掉特殊字符  
5.     Pattern p = Pattern.compile(regEx);  
6.     Matcher m = p.matcher(str);  
7.  return m.replaceAll("").trim();  
8. }  

 

 

 

2、TextView在显示中文的时候标点符号不能显示在一行的行首和行尾，如果一个标点符号刚好在一行的行尾，该标点符号就会连同前一个字符跳到下一行显示。

解决方法：在标点符号后加一个空格。

 

 

3、一个英文单词不能被显示在两行中（ TextView在显示英文时，标点符号是可以放在行尾的，但英文单词也不能分开 ）。

 

4、如果要两行对其的显示效果：有两种方法

方法一：

修改Android源代码；将frameworks/base/core/java/android/text下的StaticLayout.java文件中的如下代码：

 

 

Java代码  

1. if (c == ' ' || c == '/t' ||  
2.                           ((c == '.'  || c == ',' || c == ':' || c == ';') &&  
3.                            (j - 1 < here || !Character.isDigit(chs[j - 1 - start])) &&  
4.                            (j + 1 >= next || !Character.isDigit(chs[j + 1 - start]))) ||  
5.                           ((c == '/' || c == '-') &&  
6.                            (j + 1 >= next || !Character.isDigit(chs[j + 1 - start]))) ||  
7.                           (c >= FIRST_CJK && isIdeographic(c, true) &&  
8.                            j + 1 < next && isIdeographic(chs[j + 1 - start], false))) {  
9.                           okwidth = w;  
10.                           ok = j + 1;  
11.   
12.                           if (fittop < oktop)  
13.                               oktop = fittop;  
14.                           if (fitascent < okascent)  
15.                               okascent = fitascent;  
16.                           if (fitdescent > okdescent)  
17.                               okdescent = fitdescent;  
18.                           if (fitbottom > okbottom)  
19.                               okbottom = fitbottom;  
20.                       }  

 

 

 

去掉就可以了。去掉后标点符号可以显示在行首和行尾，英文单词也可以被分开在两行中显示。

 

方法二：

自定义View显示文本

网上就有达人采用自定义View来解决这个问题，我做了实验并总结了一下：

自定义View的步骤： 

1）继承View类或其子类，例子继承了TextView类；

2）写构造函数，通过XML获取属性（这一步中可以自定义属性，见例程）；

3）重写父类的某些函数，一般都是以on开头的函数，例子中重写了onDraw()和onMeasure()函数；

 

=========================CYTextView.java=============================

 

 

 

Java代码  

1. public class CYTextView extends TextView {  
2.     public  static  int m_iTextHeight; //文本的高度  
3.     public  static  int m_iTextWidth;//文本的宽度  
4.      
5.     private Paint mPaint = null;  
6.     private String string="";  
7.     private float LineSpace = 0;//行间距  
8.          
9.     public CYTextView(Context context, AttributeSet set)  
10.     {        
11.         super(context,set);   
12.   
13.         TypedArray typedArray = context.obtainStyledAttributes(set, R.styleable.CYTextView);  
14.   
15.         int width = typedArray.getInt(R.styleable. CY TextView_textwidth, 320);  
16.         float textsize = typedArray.getDimension(R.styleable. CY TextView_textSize, 24);  
17.         int textcolor = typedArray.getColor(R.styleable. CY TextView_textColor, -1442840576);  
18.         float linespace = typedArray.getDimension(R.styleable. CY TextView_lineSpacingExtra, 15);  
19.         int typeface = typedArray.getColor(R.styleable. CY TextView_typeface, 0);  
20.          
21.         typedArray.recycle();  
22.          
23.         //设置 CY TextView的宽度和行间距www.linuxidc.com  
24.         m_iTextWidth=width;  
25.         LineSpace=linespace;  
26.          
27.         // 构建paint对象       
28.         mPaint = new Paint();  
29.         mPaint.setAntiAlias(true);  
30.         mPaint.setColor(textcolor);  
31.         mPaint.setTextSize(textsize);  
32.         switch(typeface){  
33.         case 0:  
34.             mPaint.setTypeface(Typeface.DEFAULT);  
35.             break;  
36.         case 1:  
37.             mPaint.setTypeface(Typeface.SANS_SERIF);  
38.             break;  
39.         case 2:  
40.             mPaint.setTypeface(Typeface.SERIF);  
41.             break;  
42.         case 3:  
43.             mPaint.setTypeface(Typeface.MONOSPACE);  
44.             break;  
45.         default:  
46.             mPaint.setTypeface(Typeface.DEFAULT);     
47.             break;  
48.         }  
49.          
50.     }  
51.    
52.     @Override  
53.     protected void onDraw(Canvas canvas)  
54.     {   
55.        super.onDraw(canvas);        
56.          
57.         char ch;  
58.         int w = 0;  
59.         int istart = 0;  
60.         int m_iFontHeight;  
61.         int m_iRealLine=0;  
62.         int x=2;  
63.         int y=30;  
64.          
65.         Vector    m_String=new Vector();  
66.          
67.         FontMetrics fm = mPaint.getFontMetrics();         
68.         m_iFontHeight = (int) Math.ceil(fm.descent - fm.top) + (int)LineSpace;//计算字体高度（字体高度＋行间距）  
69.   
70.         for (int i = 0; i < string.length(); i++)  
71.         {  
72.             ch = string.charAt(i);  
73.             float[] widths = new float[1];  
74.             String srt = String.valueOf(ch);  
75.             mPaint.getTextWidths(srt, widths);  
76.   
77.             if (ch == '/n'){  
78.                 m_iRealLine++;  
79.                 m_String.addElement(string.substring(istart, i));  
80.                 istart = i + 1;  
81.                 w = 0;  
82.             }else{  
83.                 w += (int) (Math.ceil(widths[0]));  
84.                 if (w > m_iTextWidth){  
85.                     m_iRealLine++;  
86.                     m_String.addElement(string.substring(istart, i));  
87.                     istart = i;  
88.                     i--;  
89.                     w = 0;  
90.                 }else{  
91.                     if (i == (string.length() - 1)){  
92.                         m_iRealLine++;  
93.                         m_String.addElement(string.substring(istart, string.length()));  
94.                     }  
95.                 }  
96.             }  
97.         }  
98.         m_iTextHeight=m_iRealLine*m_iFontHeight+2;  
99.         canvas.setViewport(m_iTextWidth, m_iTextWidth);  
100.         for (int i = 0, j = 0; i < m_iRealLine; i++, j++)  
101.         {  
102.             canvas.drawText((String)(m_String.elementAt(i)), x,  y+m_iFontHeight * j, mPaint);  
103.         }  
104.     }   
105.     
106.      
107.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)  
108.     {           
109.         int measuredHeight = measureHeight(heightMeasureSpec);           
110.         int measuredWidth = measureWidth(widthMeasureSpec);            
111.         this.setMeasuredDimension(measuredWidth, measuredHeight);  
112.         this.setLayoutParams(new LinearLayout.LayoutParams(measuredWidth,measuredHeight));  
113.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);  
114.     }   
115.                   
116.     private int measureHeight(int measureSpec)  
117.     {   
118.         int specMode = MeasureSpec.getMode(measureSpec);           
119.         int specSize = MeasureSpec.getSize(measureSpec);                    
120.         // Default size if no limits are specified.   
121.         initHeight();  
122.         int result = m_iTextHeight;           
123.         if (specMode == MeasureSpec.AT_MOST){          
124.             // Calculate the ideal size of your           
125.             // control within this maximum size.           
126.             // If your control fills the available            
127.             // space return the outer bound.           
128.             result = specSize;            
129.         }else if (specMode == MeasureSpec.EXACTLY){            
130.             // If your control can fit within these bounds return that value.             
131.             result = specSize;            
132.         }            
133.         return result;             
134.     }   
135.      
136.     private void initHeight()  
137.     {  
138.         //设置 CY TextView的初始高度为0  
139.         m_iTextHeight=0;  
140.          
141.         //大概计算 CY TextView所需高度  
142.         FontMetrics fm = mPaint.getFontMetrics();         
143.         int m_iFontHeight = (int) Math.ceil(fm.descent - fm.top) + (int)LineSpace;  
144.         int line=0;  
145.         int istart=0;  
146.          
147.         int w=0;  
148.         for (int i = 0; i < string.length(); i++)  
149.         {  
150.             char ch = string.charAt(i);  
151.             float[] widths = new float[1];  
152.             String srt = String.valueOf(ch);  
153.             mPaint.getTextWidths(srt, widths);  
154.   
155.             if (ch == '/n'){  
156.                 line++;  
157.                 istart = i + 1;  
158.                 w = 0;  
159.             }else{  
160.                 w += (int) (Math.ceil(widths[0]));  
161.                 if (w > m_iTextWidth){  
162.                     line++;  
163.                     istart = i;  
164.                     i--;  
165.                     w = 0;  
166.                 }else{  
167.                     if (i == (string.length() - 1)){  
168.                         line++;  
169.                     }  
170.                 }  
171.             }  
172.         }  
173.         m_iTextHeight=(line)*m_iFontHeight+2;  
174.     }  
175.                   
176.     private int measureWidth(int measureSpec)  
177.     {   
178.         int specMode = MeasureSpec.getMode(measureSpec);            
179.         int specSize = MeasureSpec.getSize(measureSpec);              
180.            
181.         // Default size if no limits are specified.           
182.         int result = 500;           
183.         if (specMode == MeasureSpec.AT_MOST){           
184.             // Calculate the ideal size of your control            
185.             // within this maximum size.          
186.             // If your control fills the available space          
187.             // return the outer bound.          
188.             result = specSize;           
189.         }else if (specMode == MeasureSpec.EXACTLY){            
190.             // If your control can fit within these bounds return that value.            
191.             result = specSize;             
192.         }            
193.         return result;           
194.     }  
195. public void SetText(String text)(//注：此函数目前只有在UI线程中调用才可以把文本画出来，在其它线程中<p>                                                        //无法画文本，找了好久找不到原因，求高手解答)  
196.     {  
197.         string = text;  
198.        // requestLayout();  
199.        // invalidate();  
200.     }    
201. }</p>  

 

 

 

=======================attrs.xml===============================

该文件是自定义的属性，放在工程的res/values下

 

 

Java代码  

1. <resources>  
2.     <attr name="textwidth" format="integer"/>  
3.     <attr name="typeface">  
4.         <enum name="normal" value="0"/>  
5.         <enum name="sans" value="1"/>  
6.         <enum name="serif" value="2"/>  
7.         <enum name="monospace" value="3"/>  
8.     </attr>  
9.   
10.     <declare-styleable name="CYTextView">     
11.         <attr name="textwidth" />         
12.         <attr name="textSize" format="dimension"/>  
13.         <attr name="textColor" format="reference|color"/>  
14.         <attr name="lineSpacingExtra" format="dimension"/>  
15.         <attr name="typeface" />  
16.         </declare-styleable>  
17. </resources>  

 

=======================main.xml==========================

 

 

Java代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <ScrollView  
3.         xmlns:Android="http://schemas.android.com/apk/res/android"  
4.         Android:layout_width="320px"  
5.         Android:layout_height="320px"  
6.         Android:background="#ffffffff"  
7.         >  
8.   <LinearLayout  
9.         xmlns:Android="http://schemas.android.com/apk/res/android"  
10.         Android:orientation="vertical"  
11.         Android:layout_width="fill_parent"  
12.         Android:layout_height="fill_parent">  
13.     <com.cy.CYTextView.CYTextView  
14.         xmlns:cy="http://schemas.Android.com/apk/res/ com.cy.CYTextView "  
15.         Android:id="@+id/mv"  
16.         Android:layout_height="wrap_content"  
17.         Android:layout_width="wrap_content"  
18.         cy :textwidth="320"         
19.         cy :textSize="24sp"  
20.         cy :textColor="#aa000000"  
21.         cy :lineSpacingExtra="15sp"  
22.         cy :typeface="serif">  
23.     </com. cy .CYTextView.CYTextView>     
24.   </LinearLayout>  
25. </ScrollView>  

 

蓝色代码即为自定义View，其中以cy命名空间开头的属性是自定义属性；

 

=======================Main.java=============================

 

 

 

Java代码  

1. public class Main extends Activity {  
2.     CYTextView mCYTextView;  
3.     String text = "Android提供了精巧和有力的组件化模型构建用户的UI部分。主要是基于布局类：View和        ViewGroup。在此基础上，android平台提供了大量的预制的View和xxxViewGroup子类，即布局（layout）和窗口小部件（widget）。可以用它们构建自己的UI。";  
4.      
5.      
6.     @Override  
7.     public void onCreate(Bundle savedInstanceState) {  
8.         super.onCreate(savedInstanceState);  
9.         this.setContentView(R.layout.main);  
10.          
11.         mCYTextView = (CYTextView)findViewById(R.id.mv);  
12.         mCYTextView.SetText(text);  
13.     }  
14.   
15. }