路是爬出來的

統計

隨筆 - 50
文章 - 50
評論 - 2
引用 - 0

常用鏈接

留言簿(1)

隨筆檔案

2006年12月 (50)

文章檔案

2006年12月 (50)

搜索

閱讀排行榜

評論排行榜

設計可組裝的j2me UI（三） TextBox

自己實現操作Canvas，很大部分是對文字的顯示以及排版操作。而對字體的定義則每個廠商都有自己的規范，必然nokia定義了大，中，小字體。而我在其他手機上只有一種字體，所以無論你怎么樣定義字體的大小都只有一種效果，這樣的話。你可能要在程序中自己進行判斷，然后在顯示出來。要不然的話，則寫出的程序在各個機型上顯示的效果會有一些不同。
下面讓我們來設計可以滾動的TextBox.
首先繼承Part（UI的第一篇文章有給出代碼)

代碼

public class TextBox extends Part {
     	/** 文本的行數 */
	private int numOfEls;
	
	/**
	 * 此頁面最多顯示得行數
	 */
	private int maxNum;
	
	private int pillarHeight;

/** 開始索引 * */
	private int startIndex;
       /**
	 * 文本的內容
	 */
	private char [] textChars;
	
	/**
	 * 文本切割后得內容
	 */
	private String[] textNum;
	
	
	private String text;

public void setString(String text) {
		
			 
		this.text = text;
	 	this.textChars = text.toCharArray();
	 	skipContent();
	 	//numOfEls = textChars.length;
	}
        /**
	 * 分割字符傳.并處理pillar的高度，最主要的方法。
         * 通過屏幕的高，寬，以及字體的體型進行文本出來。并把處理后的文本保存在一個Vector中，以后繪制出來就容易多了
	 *
	 */
	private void skipContent(){
		
		this.numOfEls = FontUtil.siptRow(this.contentStyle.font,
				viewContent[WIDTH],text);
		
		int charWidth = viewContent[X]+ 2;
		int charHeight = viewContent[Y];
		int h;
		if(numOfEls>this.maxNum){
			h = (viewContent[WIDTH]-18);
		}else{
			h = (viewContent[WIDTH]-12);
		}
		StringBuffer sb = new StringBuffer();
		Vector ve = new Vector();
		for(int i=0 ; i < this.textChars.length; i++){
		   sb.append(textChars[i]);
			 
			charWidth = charWidth + contentStyle.font.charWidth(textChars[i]);
			
			
			if(charWidth>h){
				charHeight = charHeight + contentStyle.font.getHeight()  ;
				charWidth = viewContent[X] + 2;
				ve.addElement(sb.toString());
				log.debug(sb);
				sb = null;
				sb = new StringBuffer();
				
			} 
		}
		ve.addElement(sb.toString());	
		log.debug(sb);
		textNum = new String[ve.size()];
		ve.copyInto(this.textNum);
		ve.removeAllElements();
		ve = null;
	
		//獲取最大的數組值
		maxNum = viewContent[HEIGHT]/(this.contentStyle.font.getHeight() ) ;
		this.numOfEls = this.textNum.length;
		this.pillarHeight = numOfEls > maxNum ? viewContent[HEIGHT]/(numOfEls-maxNum +1):0;
		
		log.debug("MaxNum=" + maxNum); 
		log.debug("numOfEls=" + numOfEls); 
		
		
	}

/**
	 * 繪制文本的內容，自動實現，狀態條的顯示等
	 * @param g
	 */
	private void paintContent(Graphics g) {
		this.contentStyle.setFontColor(g);
		 
		int charWidth = viewContent[X]+ 2;
		int charHeight = viewContent[Y];
		int size = maxNum > this.numOfEls? numOfEls:maxNum;
		log.debug(startIndex);
		for(int i=startIndex ; i < size + startIndex; i++){
			g.drawString(this.textNum[i],charWidth,charHeight,Graphics.TOP | Graphics.LEFT);
			charHeight = charHeight + contentStyle.font.getHeight() ;			
		}
		
		paintPillar(viewContent[WIDTH]-pillarWidth-4, viewContent[Y],g);
		
	}
	
	private void paintPillar(int x,int y,Graphics g){
		if (maxNum > this.numOfEls)
			return; 
		pillar.paint(x,y+(startIndex * pillarHeight),viewContent[WIDTH],this.pillarHeight,g);
	}

以上代碼是基本框架。思路就這樣。實踐起來也不困難。

posted on 2006-12-30 09:24 路是爬出來的閱讀(220) 評論(0) 編輯收藏

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理