饶荣庆 -- 您今天UCWEB了吗?--http://www.ucweb.com

3G 手机开发网

   :: 首页 :: 联系 :: 聚合  :: 管理
  99 Posts :: 1 Stories :: 219 Comments :: 0 Trackbacks
关键字: J2ME       

文章出处

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的高度

 

下面是算法比例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.*;

/**
 *

Title:


 *
 *

Description:


 *
 *

Copyright: Copyright (c) 2007


 *
 *

Company:


 *
 * @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
            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();
     }

}

爬虫工作室 -- 专业的手机软件开发工作室
3G视线 -- 专注手机软件开发
posted on 2007-10-16 08:53 3G工作室 阅读(1586) 评论(3)  编辑  收藏 所属分类: j2me

Feedback

# re: 关于UI组件,上下滚动,平滑滚动的技术实现探讨 2007-10-16 12:33 翔南
貌似没图?
看不到图哈!  回复  更多评论
  

# re: 关于UI组件,上下滚动,平滑滚动的技术实现探讨 2007-10-20 01:40 bigboy
你们工作室的?  回复  更多评论
  

# re: 关于UI组件,上下滚动,平滑滚动的技术实现探讨[未登录] 2007-10-31 19:34 xxx
是的,可惜图看不到
去我空间看原文吧。
wuhua.3geye.net  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: