`

Android文字竖直排版TextViewVertical(可横向滚动)(转)

阅读更多

实现中国古文的那种行文格式排版,从上至下从右至左的顺序。
废话不多说,先看效果
<ignore_js_op style="word-wrap: break-word;"> 

 

 

 

(1)自定义竖排文字控件TextViewVertical.java:

package org.guyue;

/**************************
 * 作者:古月摇光
 * E-mail:45361251@qq.com
 * 更新日期:2012/02/28
 * 说明:本类实现了文字的竖直排版显示(中国古时的行文形式),
 * 		 虽然仍有许多特效及功能仍未实现,但基本的使用已经能满足。
 * 版权:尽管放心用吧,可以自行随意改进转载和使用,转载时请保留这段文字即可
 * 另特别感谢 老僧xp 提出的修改意见
 **************************/
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Typeface;
import android.graphics.Paint.Align;
import android.graphics.Paint.FontMetrics;
import android.graphics.drawable.BitmapDrawable;
import android.os.Handler;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

/**
 * 自定义竖排文字控件
 */
public class TextViewVertical extends View {

	public static final int LAYOUT_CHANGED = 1;
    private Paint paint;
    private int mTextPosx = 0;// x坐标
    private int mTextPosy = 0;// y坐标
    private int mTextWidth = 0;// 绘制宽度
    private int mTextHeight = 0;// 绘制高度
    private int mFontHeight = 0;// 绘制字体高度
    private float mFontSize = 24;// 字体大小
    private int mRealLine = 0;// 字符串真实的行数
    private int mLineWidth = 0;//列宽度
    private int TextLength = 0 ;//字符串长度
    private int oldwidth = 0 ;//存储久的width
    private String text="";//待显示的文字
    private Handler mHandler=null;
    private Matrix matrix;
    BitmapDrawable drawable = (BitmapDrawable) getBackground();
    public TextViewVertical(Context context, AttributeSet attrs, int defStyle) {  
        super(context, attrs, defStyle);  
    }  
    public TextViewVertical(Context context,AttributeSet attrs) {
        super(context, attrs);
        matrix = new Matrix();
        paint = new Paint();//新建画笔
        paint.setTextAlign(Align.CENTER);//文字居中
        paint.setAntiAlias(true);//平滑处理
        paint.setColor(Color.BLACK);//默认文字颜色
        try{
        	mFontSize	= Float.parseFloat(attrs.getAttributeValue(null,"textSize"));//获取字体大小属性  	
        }catch(Exception e){}
    }
    /*
    //获取整数值
    private final int getAttributeIntValue(AttributeSet attrs,String field) {
    	int intVal = 0;
    	//TODO 
    	//应该可以直接用attrs.getAttributeIntValue()获取对应的数值的,
    	//但不知道为什么一直无法获得只好临时写个函数凑合着用,没有写完整,暂时只支持px作为单位,其它单位的转换有空再写
    	String tempText=attrs.getAttributeValue(androidns, field);
    	intVal = (int)Math.ceil(Float.parseFloat(tempText.replaceAll("px","")));
		return intVal;
    }*/
    //设置文字
    public final void setText(String text) {
    	this.text=text;
    	this.TextLength = text.length();
    	if(mTextHeight>0)GetTextInfo();
    }
    //设置字体大小
    public final void setTextSize(float size) {
        if (size != paint.getTextSize()) {
        	mFontSize = size;
        	if(mTextHeight>0)GetTextInfo();
        }
    }
    //设置字体颜色
    public final void setTextColor(int color) {
    	paint.setColor(color);
    }
    //设置字体颜色
    public final void setTextARGB(int a,int r,int g,int b) {
    	paint.setARGB(a, r, g, b);
    }
    //设置字体
    public void setTypeface(Typeface tf) {
        if (this.paint.getTypeface() != tf) {
        	this.paint.setTypeface(tf);
        }
    }
    //设置行宽
    public void setLineWidth(int LineWidth) {
    	mLineWidth = LineWidth;
    }
    //获取实际宽度
    public int getTextWidth() {
		return mTextWidth;
    }
    //设置Handler,用以发送事件
    public void setHandler(Handler handler) {
    	mHandler=handler;
    }
    @Override
    protected void onDraw(Canvas canvas) {
    	super.onDraw(canvas);
    	Log.v("TextViewVertical","onDraw");
    	if(drawable!=null){
    		//画背景
    		Bitmap b = Bitmap.createBitmap(drawable.getBitmap(),0,0,mTextWidth,mTextHeight);
    		canvas.drawBitmap(b, matrix, paint);
    	}
        //画字
        draw(canvas, this.text);
    }  
    private void draw(Canvas canvas, String thetext) {
    	char ch;
    	mTextPosy = 0;//初始化y坐标
    	mTextPosx = mTextWidth - mLineWidth;//初始化x坐标    	
        for (int i = 0; i < this.TextLength; i++) {
        	ch = thetext.charAt(i);
        	if (ch == '\n') {
        		mTextPosx -= mLineWidth;// 换列
    	    	mTextPosy = 0;
        	} else {
        		mTextPosy += mFontHeight;
        		if (mTextPosy > this.mTextHeight) {
        			mTextPosx -= mLineWidth;// 换列
        			i--;
        			mTextPosy = 0;
        		}else{
        			canvas.drawText(String.valueOf(ch), mTextPosx, mTextPosy, paint);
        		}
        	}	
        }
        
        //调用接口方法
        //activity.getHandler().sendEmptyMessage(TestFontActivity.UPDATE);
    }
    //计算文字行数和总宽
    private void GetTextInfo() {
    	Log.v("TextViewVertical","GetTextInfo");
    	char ch;
    	int h = 0;
    	paint.setTextSize(mFontSize);
    	//获得字宽
    	if(mLineWidth==0){
    		float[] widths = new float[1];
    		paint.getTextWidths("正", widths);//获取单个汉字的宽度
    		mLineWidth=(int) Math.ceil(widths[0] * 1.1 +2);
    	}
    	
    	FontMetrics fm = paint.getFontMetrics();  
      	mFontHeight = (int) (Math.ceil(fm.descent - fm.top) * 0.9);// 获得字体高度
      	
      	//计算文字行数
      	mRealLine=0;
    	for (int i = 0; i < this.TextLength; i++) {
    		ch = this.text.charAt(i);
    		if (ch == '\n') {
	    	    mRealLine++;// 真实的行数加一
	    	    h = 0;
    		} else {
    			h += mFontHeight;
    			if (h > this.mTextHeight) {
    				mRealLine++;// 真实的行数加一
    				i--;
    				h = 0;
    			} else {
    				if (i == this.TextLength - 1) {
    					mRealLine++;// 真实的行数加一
    				}
    			}
    	   }
    	}
    	mRealLine++;//额外增加一行
    	mTextWidth = mLineWidth*mRealLine;//计算文字总宽度
    	measure(mTextWidth, getHeight());//重新调整大小
        layout(getLeft(), getTop(), getLeft()+mTextWidth, getBottom());//重新绘制容器
    }
    @Override   
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
		int measuredHeight = measureHeight(heightMeasureSpec);  
		//int measuredWidth = measureWidth(widthMeasureSpec);  
		if(mTextWidth==0)GetTextInfo();
		setMeasuredDimension(mTextWidth, measuredHeight);  
		if(oldwidth!=getWidth()){//
			oldwidth=getWidth();
			if(mHandler!=null)mHandler.sendEmptyMessage(LAYOUT_CHANGED);
		}
	}  
		  
	private int measureHeight(int measureSpec) {  
		int specMode = MeasureSpec.getMode(measureSpec);  
		int specSize = MeasureSpec.getSize(measureSpec);  
		int result = 500;  
		if (specMode == MeasureSpec.AT_MOST){  
			result = specSize;  
		}else if (specMode == MeasureSpec.EXACTLY){  
			result = specSize;  
		}  
		mTextHeight=result;//设置文本高度
		return result;  
	}  
	/*  
	private int measureWidth(int measureSpec) {  
		int specMode = MeasureSpec.getMode(measureSpec);  
		int specSize = MeasureSpec.getSize(measureSpec);  
		int result = 500;  
		if (specMode == MeasureSpec.AT_MOST){  
			result = specSize;  
		}else if (specMode == MeasureSpec.EXACTLY){  
			result = specSize;  
		}  
		return result;  
	}  */
}

 

 

(2)使用界面:

package org.guyue;

import android.app.Activity;
//import android.graphics.Typeface;
import android.os.Bundle;
import android.os.Handler;
import android.widget.HorizontalScrollView;

public class TestFontActivity extends Activity{
	private HorizontalScrollView sv;
	private TextViewVertical tv;

    @Override
    public void onCreate(Bundle savedInstanceState) {
    	 super.onCreate(savedInstanceState);
         setContentView(R.layout.main);
         
         tv=(TextViewVertical)findViewById(R.id.tv);  
         sv=(HorizontalScrollView)findViewById(R.id.sv);  
         
         //设置接口事件接收
         Handler handler=new Handler(){
     		public void handleMessage(android.os.Message msg) {
     			switch(msg.what){
     				case TextViewVertical.LAYOUT_CHANGED:
     					sv.scrollBy(tv.getTextWidth(), 0);//滚动到最右边
     					break;
     			}
     		}
         };
         tv.setHandler(handler);//将Handler绑定到TextViewVertical
         
         //创建并设置字体(这里只是为了效果好看一些,但为了让网友们更容易下载,字体库并没有一同打包
         //如果需要体验下效果的朋友可以自行在网络上搜索stxingkai.ttf并放入assets/fonts/中)
         //Typeface face=Typeface.createFromAsset(getAssets(),"fonts/stxingkai.ttf");
         //tv.setTypeface(face);
         
         //设置文字内容
         tv.setText("测试\n这是一段测试文字,主要是为了测试竖直排版TextView的显示效果。" +
         		"为了能更好的体验感受,我特意增加了比较接近书法的字体和颜色,如果有什么改进的建议请发邮件到我的邮箱吧。" +
         		"\n竖直排版的TextView需要配合HorizontalScrollView使用才能有更佳的效果。当然,如果你有时间的话,也可以给这个类" +
         		"加上滚动的功能。");
    }

}

 

简单易用,工程见附件

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics