关于UI组件，上下滚动，平滑滚动的技术实现探讨
文章出处
http://www.3geye.net/bbs/thread-268-1-1.html
关于UI组件，上下滚动，平滑滚动的技术实现探讨
关于UI组件，上下滚动，平滑滚动的技术实现探讨
在我设计的UI中存在的两个问题一直没有解决好
1.是焦点处理机制-- 这个问题已经在前几天我解决了。
2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部分问题，但是另外一部分问题又冒出来了。
?
下面我重点老讨论这个问题。希望大家有什么好的想法也说下。分享下经验，让我少走弯路
现在来看看下面的图
假设：图A 为 整个Canvas可以显示的图， 图B为 需要显示的图，
我们来看看这算适合坐滚动设计吗。看看下面的逻辑。现在假设HA为A的高度， HB为B的高度，ScrollH表示滚动条的高度。进度条的位置为ScrollY，系统滚动的增量为regionY
1．? 如果A的高度> B的高度，则不需要滚动
2．? 如果A的高度<B的高度，则需要进行滚动处理。
?
下面是算法比例ScrollH/HA = HA/HB è ScrollH=HA*HA/HB；
得到当前进度条的位置是 ScrollY/HA = regionY/HB è ScrollY=regionY*HA/HB
?
当调用keyPressed事件的时候处理regionY; è down：rgionY -= 30; up：region += 30；
然后自动更新ScrollY ；最后调用repaint();
?
上面是算法模型，现在来看下我的具体实现，希望大家对这个模型多多批评，看看还有没有更好的算法实现。
在调式的过程中遇到一个很特别的问题，居然public void keyPressed(int keyCode)没有任何响应。哈哈，是我眼花，原来是采用了print的方法，所以没仔细看，看不到输出。郁闷啊
?
经过测试，此路完全是走的通的，现在看看代码是怎么实现的，我知识对字符串进行简单的处理实现，对于更复杂的UI组件，原理差不错。不过要做下小修改
?
import javax.microedition.lcdui.*;
/**
?* <p>Title: </p>
?*
?* <p>Description: </p>
?*
?* <p>Copyright: Copyright (c) 2007</p>
?*
?* <p>Company: </p>
?*
?* @author not attributable
?* @version 1.0
?*/
public class TestCanvas extends Canvas? {
??? private String text="关关于UI组件，上下滚动，平滑滚动的视线技术探讨在我设计的UI中存在的两个问题一直没有解决好1.是焦点处理机制-- 这个问题已经在前几天我解决了。2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部 "+
??????????????????????? "分问题，但是另外一部分问题又冒出来了。下面我重点老讨论这个问题。希望大家有什么好的想法也说下。分享下经验，让我少走弯路关于UI组件，上下滚动， 平滑滚动的视线技术探讨在我设计的UI中存在的两个问题一直没有解决好1.是焦点处理机制-- 这个问题已经在前几天我解决了。2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部分问题，但是另外一部分问题又冒出来了。下面 我重点老讨论这个问题。希望大家有什么好的想法也说下。分享下经验，让我少走弯路于UI组件，上下滚动，平滑滚动的视线技术探讨在我设计的UI中存在的两 个问题一直没有解决好1.是焦点处理机制-- 这个问题已经在前几天我解决了。2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部分问题，但是另外一部分问题又冒出来了。下面 我重点老讨论这个问题。希望大家有什么好的想法也说下。分享下经验，让我少走弯路sdf" +
??????????????????????? "是焦点处理机制-- 这个问题已经在前几天我解决了。2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部分问题，但是另外一部分问题又冒出来了。下是 焦点处理机制-- 这个问题已经在前几天我解决了。2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部分问题，但是另外一部分问题又冒出来了。下是 焦点处理机制-- 这个问题已经在前几天我解决了。2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部分问题，但是另外一部分问题又冒出来了。下是 焦点处理机制-- 这个问题已经在前几天我解决了。2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部分问题，但是另外一部分问题又冒出来了。下是 焦点处理机制-- 这个问题已经在前几天我解决了。2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部分问题，但是另外一部分问题又冒出来了。下是 焦点处理机制-- 这个问题已经在前几天我解决了。2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部分问题，但是另外一部分问题又冒出来了。下是 焦点处理机制-- 这个问题已经在前几天我解决了。2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部分问题，但是另外一部分问题又冒出来了。下是 焦点处理机制-- 这个问题已经在前几天我解决了。2.就是上下滚动，平滑滚动，触摸屏滚动，实现的不是很到。虽然是解决了一部分问题，但是另外一部分问题又冒出来了。下 ";
??? private int sreenWidth;
??? private int sreenHeight;
??? private int scrollHeight;
??? private int scrollY;
??? private int regionY;
??? private int numHeight;
??? public TestCanvas() {
??????? try {
??????????? this.setFullScreenMode(true);
??????????? this.sreenHeight = this.getHeight();
??????????? this.sreenWidth = this.getWidth();
?????? }
??????? catch(Exception e) {
??????????? e.printStackTrace();
??????? }
??? }
?
?
??? protected void paint(Graphics g) {
??????? g.setColor(0xFFFFFF);
??????? g.fillRect(0,0,this.sreenWidth, this.sreenHeight);
??????? char[] chars = text.toCharArray();
??????? int h = 0;
??????? int w = 0;
??????? Font font? = g.getFont();
??????? g.setColor(0x00000);
??????? for(int i=0; i<text.length(); i++){
??????????? if(w > this.sreenWidth - 18){
??????????????? h += font.getHeight();
??????????????? w = 0;
??????????? }
??????????? g.drawChar(chars,w, h + this.regionY, Graphics.TOP | Graphics.LEFT);
??????????? w += font.charWidth(chars);
??????? }
??????? if(this.numHeight == 0)
??????????? this.numHeight = h+font.getHeight();
??????? this.scrollHeight = this.sreenHeight * this.sreenHeight/numHeight;
??????? this.scrollY = (-this.regionY)*this.sreenHeight/numHeight;
??????? g.setColor(255);
??????? g.fillRect(this.sreenWidth-6,0, 6, this.sreenHeight);
??????? g.setColor(0xFFFFFF);
???????? g.fillRect(this.sreenWidth-5,this.scrollY, 4, this.scrollHeight);
??? }
???? public void keyPressed(int keyCode) {
???????? System.out.println(keyCode);
???????? if(keyCode == -2){
???????????? if(this.sreenHeight - this.regionY? > this.numHeight)
???????????????? return;
???????????? this.regionY -= 30;
???????? }
???????? else if (keyCode == -1){
???????????? if(this.regionY>=0)
???????????????? return;
???????????? this.regionY += 30;
???????? }
???????? this.repaint();
???? }
nE(r7SO3
