CN101227680A - 一种界面动态切换的手机及手机界面动态切换的方法 - Google Patents

Abstract

本发明涉及一种手机和方法，尤其是一种界面动态切换的手机及手机界面动态切换的方法。它包括CPU、具有显存的内存和显示屏，其特征是，所述内存中设置了存储切换前界面的初始图像缓存和存储切换后界面的目的图像缓存，CPU同初始图像缓存、目的图像缓存和显存相连，显存同显示屏相连，界面动态切换步骤如下，CPU结合归一化参数，分别对切换前界面和切换后界面进行图形变换，得到后景画面和前景画面，进行插接，得到中间过渡界面，并输出到显示屏，连续执行所述CPU计算、显示中间过渡界面的过程，过程中不断调整渐近参数，直至切换后界面显示到显示屏上。本发明实现了手机界面的动态切换，改变了手机只有静态切换的现状，为用户提供了更友善的操作环境。

Description

一种界面动态切换的手机及手机界面动态切换的方法

技术领域

本发明涉及一种手机和方法，尤其是一种界面动态切换的手机及手机界面动态切换的方法。

背景技术

人机接口，是手机设计的一个重要环节。传统上，人机接口的设计通常着重于界面的内容设计，而忽视了界面与界面之间的切换设计。目前，在遇到打开菜单、短信阅读等需要进行界面切换的情况时，现有的手机是通过静态切换，即不同界面的直接替换来实现的，过程单调，缺乏观赏性、娱乐性。

发明内容

为了给手机用户提供更友好的人机交互接口，本发明通过CPU和在内存中设置的显存、初始图像缓存、目的图像缓存，完成中间状态界面的连续计算和显示，进而实现了一种界面动态切换的手机。

一种界面动态切换的手机，包括CPU、设置了显存的内存、和显示屏，所述的CPU对所述的内存进行读取、存储、计算操作，并将所需内容存储到所述的显存，显示到所述的显示屏上，其特征是，所述的内存还设置了存储切换前界面的初始图像缓存、存储切换后界面的目的图像缓存，所述的CPU与所述的显存、所述的初始图像缓存和所述的目的图像缓存相连，所述的显存与所述的显示屏相连。

所述的手机的界面动态切换的方法，包括以下步骤：

①初始图像缓存储存切换前界面，目的图像缓存储存切换后界面，选择切换前界面和切换后界面各自的图形变换方式和相应归一化参数，并初始化该归一化参数；

②CPU对初始图像缓存和目的图像缓存进行读取，结合已选定图形变换方式和相应的归一化参数，分别对切换前界面和切换后界面进行图形变换，得出后景画面和前景画面；

③在后景画面中***前景画面，得到中间过渡界面；

④将中间过渡界面写入显存，输出到显示屏上；

⑤调整归一化参数；

⑥重复②至⑤步骤，直至归一化参数达到目标值，切换后界面完全显示在显示屏上。

所述的一种手机界面动态切换的方法，其特征是：所述的图形变换方式，为保持原型或线性变换或垂直变换或平移变换或旋转变换或以上所述变换的组合。

所述的一种手机界面动态切换的方法，其特征是：设画面某像素原坐标为(x，y)，新坐标轴原点为(O_x，O_y)，所述的线性变换有两个归一化参数(α，β)，对应两个线性变换参数(a，b)，被变换画面的像素，通过矩阵变换 $\left(\begin{array}{c}{x}^{\′}\\ y^{\′}\\ 1\end{array}\right)=\left(\begin{array}{ccc}a& 0& 0\\ 0& b& 0\\ 0& 0& 1\end{array}\right)\×\left(\begin{array}{c}x-O_x\\ y-O_y\\ 1\end{array}\right)=\begin{array}{c}\left(\begin{array}{c}a\·(x-O_x)\\ b\·(y-O_y)\\ 1\end{array}\right),\end{array}$ 得新坐标为(x′，y′)。

所述的一种手机界面动态切换的方法，其特征是：设画面某像素原坐标为(x，y)，新坐标轴原点为(O_x，O_y)，所述的平移变换有一个归一化参数α，对应一个平移变换参数a，被变换画面的像素，通过矩阵变换 $\left(\begin{array}{c}{x}^{\′}\\ y^{\′}\\ 1\end{array}\right)=\left(\begin{array}{ccc}1& 0& a\\ 0& 1& 0\\ 0& 0& 1\end{array}\right)\×\left(\begin{array}{c}x\\ y\\ 1\end{array}\right)=\left(\begin{array}{c}x+a\\ y\\ 1\end{array}\right),$ 得新坐标为(x′，y′)。

所述的一种手机界面动态切换的方法，其特征是：设画面某像素原坐标为(x，y)，新坐标轴原点为(O_x，O_y)，所述的垂直变换有一个归一化参数α，对应一个垂直变换参数a，被变换画面的像素，通过矩阵变换 $\left(\begin{array}{c}{x}^{\′}\\ y^{\′}\\ 1\end{array}\right)=\left(\begin{array}{ccc}1& 0& 0\\ 0& 1& a\\ 0& 0& 1\end{array}\right)\×\left(\begin{array}{c}x\\ y\\ 1\end{array}\right)=\left(\begin{array}{c}x\\ y+a\\ 1\end{array}\right),$ 得新坐标为(x′，y′)。

所述的一种手机界面动态切换的方法，其特征是：设画面某像素原坐标为(x，y)，新坐标轴原点为(O_x，O_y)，所述的旋转变换有一个归一化参数α，对应一个旋转变换参数θ，被变换画面的像素，通过矩阵变换 $\left(\begin{array}{c}{x}^{\′}\\ y^{\′}\\ 1\end{array}\right)=\left(\begin{array}{ccc}\cos \mathrm{\θ}& -\sin \mathrm{\θ}& 0\\ \sin \mathrm{\θ}& \cos \mathrm{\θ}& 0\\ 0& 0& 1\end{array}\right)\×\left(\begin{array}{c}x-O_x\\ y-O_y\\ 1\end{array}\right)=\left(\begin{array}{c}\cos \mathrm{\θ}\·(x-O_x)-\sin \mathrm{\θ}\·(y-O_x)\\ \sin \mathrm{\θ}\·(x-O_x)-\cos \mathrm{\θ}\·(y-O_y)\\ 1\end{array}\right),$ 得新坐标为(x′，y′)。

所述的一种手机界面动态切换的方法，其特征是：所述的图像变换中的运算使用浮点运算。

所述的一种手机界面动态切换的方法，其特征是：所述的图像变换中的浮点运算使用定点运算进行近似。

本发明发明了一种界面动态切换的手机，改进了现有的手机界面静止切换的状况，为用户提供更为友好的操作环境。

附图说明

下面结合附图和实施例对本发明进一步说明。

图1是手机结构图，包括1-CPU，2-内存，3-显示屏，21-显存，22-初始图像缓存，23.目的图像缓存。

图2是界面动态切换方法的实施流程图。

图3中A-切换前界面，即后景画面，B-切换后界面，C-前景画面，D-中间过渡界面。

图4中E-切换前界面，即后景画面，F-切换后界面，G-前景画面，H-中间过渡界面。

图5中I-切换前界面，即后景画面，J-切换后界面，K-前景画面，L-中间过渡界面。

图6中M-切换前界面，即后景画面，N-切换后界面，O-前景画面，P-中间过渡界面。

图7中Q-切换前界面，即后景画面，R-切换后界面，S-前景画面，T-中间过渡界面。

具体实施方式

请参阅图1，一种界面动态切换的手机，包括CPU1、设置了显存21的内存2、和显示屏3，CPU1对内存2进行读取、存储、计算操作，并将所需内容存储到显存21，显示到显示屏3上，其特征是，所述的内存2还设置了存储切换前界面的初始图像缓存22、存储切换后界面的目的图像缓存23，CPU1与显存21、初始图像缓存22和目的图像缓存23相连，显存与显示屏3相连。

请参阅图2，手机界面动态切换步骤如下，

当手机执行某些功能，如打开菜单等需要进行界面切换的时候，则整个界面动态切换过程被触发，步骤如下：

①初始图像缓存储存切换前界面，目的图像缓存储存切换后界面，选择切换前界面和切换后界面各自的图形变换方式和归一化参数，并初始化归一化参数；

②CPU对初始图像缓存和目的图像缓存进行读取，结合已选定图形变换方式和归一化参数，分别对切换前界面和切换后界面进行图形变换，得出后景画面和前景画面；

③将前景画面中***后景画面，得到中间过渡界面；

④将中间过渡界面写入显存，输出到显示屏上；

⑤调整归一化参数；

⑥重复②、③、④、⑤步骤，直至归一化参数达到目标值，切换后界面完全显示在显示屏3上。

界面动态切换过程结束。

上述步骤②中所述的图像变换，包括保持原图、线性变换、垂直变换、平移变换、旋转变换及其组合。

举例实施如下，

设在屏幕中，左上角顶点为坐标原点(0，0)，屏幕宽为W，高为H，画面某像素原坐标为(x，y)。

请参阅图3，即切换前界面选用保持原型的图形变换方式、切换后界面选用线性变换的图形变换方式，实施一次中间过渡界面计算、完成步骤②、③一次的过程示意图。

设已知归一化参数为(α，β)，且1≥α≥0，1≥β≥0，新坐标原点为 $(O_x=\frac{W}{2},O_y=-\frac{H}{2}),$ 线性参数与归一化参数的关系为：a＝α，b＝β。

切换前画面A按选定图像变换模式，保持原型，即得后景画面。

对于切换后图像B，由归一化参数(α，β)，得出线性变换参数a＝α、b＝β，按选定图像变换模式，对其每一个像素，进行矩阵变换 $\left(\begin{array}{c}{x}^{\′}\\ y^{\′}\\ 1\end{array}\right)=\left(\begin{array}{ccc}\mathrm{\α}& 0& 0\\ 0& \mathrm{\β}& 0\\ 0& 0& 1\end{array}\right)\×\left(\begin{array}{c}x-\frac{W}{2}\\ y+\frac{H}{2}\\ 1\end{array}\right)=\left(\begin{array}{c}\mathrm{\α}\·(x-\frac{W}{2})\\ \mathrm{\β}\·(y+\frac{H}{2})\\ 1\end{array}\right),$ 得新坐标为(x′，y′)，当(x′，y′)超出屏幕显示范围，舍弃所有(x′，y′)，因缩放引起的空白和重叠，采用相应的重复临近像素填补和最近像素保留，得到前景画面C。

将前景画面C***后景画面A，得到中间状态界面D。

重复所述步骤，不断增大归一化参数α、β，直至α＝1且β＝1可以达到切换后界面向前推进的动态显示效果。

请参阅图4，即切换前界面采用保持原型的图形变换方式、切换后界面选用平移变换的图形变换方式，实施一次中间过渡界面计算、完成步骤②、③一次的过程示意图。

设已知归一化参数为α，且1≥α≥0，平移参数与归一化参数的关系为：a＝(1-α)·W。

切换前画面E按选定图像变换模式，保持原型，即为后景画面。

对于切换后图像F，由归一化参数α，得出线性变换参数a＝(1-α)·W，按选定图像变换模式，对其每一个像素，进行矩阵变换 $\left(\begin{array}{c}{x}^{\′}\\ y^{\′}\\ 1\end{array}\right)=\left(\begin{array}{ccc}1& 0& (1-\mathrm{\α})\·W\\ 0& 1& 0\\ 0& 0& 1\end{array}\right)\×\left(\begin{array}{c}x\\ y\\ 1\end{array}\right)=\left(\begin{array}{c}x+(1-\mathrm{\α})\·W\\ y\\ 1\end{array}\right),$ 得新坐标为(x′，y′)，当(x′，y′)超出屏幕显示范围，舍弃所有(x′，y′)，得到前景画面G。

将前景画面G***后景画面E，得到中间状态界面H。

重复所述步骤，不断增大归一化参数α，直至α＝1，可以达到切换后界面向右推进的动态显示效果。

请参阅图5，即切换前界面选用保持原型的图形变换方式、切换后界面选用垂直变换的图形变换方式，实施一次中间过渡界面计算、完成步骤②、③一次的过程示意图。

设已知归一化参数为α，且1≥α≥0，垂直系数和归一化系数的关系为：a＝(1-α)·H。

切换前画面I按选定图像变换模式，保持原型，即为后景画面。

对于切换后图像J，由归一化参数α，得出线性变换参数a＝(1-α)·H，按选定图像变换模式，对其每一个像素，进行矩阵变换 $\left(\begin{array}{c}{x}^{\′}\\ y^{\′}\\ 1\end{array}\right)=\left(\begin{array}{ccc}1& 0& 0\\ 0& 1& (1-\mathrm{\α})\·H\\ 0& 0& 1\end{array}\right)\×\left(\begin{array}{c}x\\ y\\ 1\end{array}\right)=\left(\begin{array}{c}x\\ y+(1-\mathrm{\α})\·H\\ 1\end{array}\right),$ 得新坐标为(x′，y′)，当(x′，y′)超出屏幕显示范围，舍弃所有(x′，y′)，得到前景画面K。

将前景画面K***后景画面I，得到中间状态界面L。

重复所述步骤，不断增大归一化参数α，直至α＝1，可以达到切换后界面向上推进的动态显示效果。

请参阅图6，设切换前界面保持原型，切换后界面进行旋转变换，完成步骤②、③一次。

设已知归一化参数为α，且1≥α≥0，新坐标原点为 $(O_x=\frac{W}{2},O_y=-\frac{H}{2}),$ 旋转参数和归一化参数关系为：θ＝α·360°。

切换前画面M按选定图像变换模式，保持原型，即为后景画面。

对于切换后图像N，由归一化参数α，得出旋转变换参数θ＝α·360°，按选定图像变换模式，对其每一个像素，进行矩阵变换

，得新坐标为(x′，y′)，当(x′，y′)超出屏幕显示范围，舍弃所有(x′，y′)，到前景画面O。

将前景画面O***后景画面M，得到中间状态界面P。

重复所述步骤，不断增大归一化参数α，直至α＝1，可以达到切换后界面旋转切入的动态显示效果。

请参阅图7，即切换前界面选用保持原型的图形变换方式、切换后界面选用旋转变换的图形变换方式，实施一次中间过渡界面计算、完成步骤②、③一次的过程示意图。

设已知归一化参数为(α，β，δ)，且1≥α≥0，新坐标原点为 $(O_x=\frac{W}{2},O_y=-\frac{H}{2}),$ 线性化参数与归一化参数的关系为：a＝α，b＝β，旋转参数和归一化参数为：θ＝δ·360°。

切换前画面Q按选定图像变换模式，保持原型，即为后景画面。

对于切换后图像R，对于切换后图像2，由归一化参数(α，β)，得出线性变换参数为：a＝α，b＝β，由归一化参数δ，得出线性变换参数为：θ＝δ·360°，按选定图像变换模式，对其每一个像素，进行矩阵变换

，得新坐标为(x′，y′)，当(x′，y′)超出屏幕显示范围，舍弃所有(x′，y′)，得到前景画面3。

由归一化参数α，得出线性变换参数α·360°，按选定图像变换模式，对其每一个像素，进行矩阵变换，得新坐标为(x′，y′)，舍弃所有(x′，y′)，当像素超出屏幕显示范围，得到前景画面S。

将前景画面S***后景画面Q，得到中间状态界面T。

重复所述步骤，不断增大归一化参数α、β、δ，直至α＝1且β＝1且δ＝1，可以达到切换后界面旋转、推进的动态显示效果。

切换前界面选用保持原型的图形方法是出于实例便于理解的考虑，具体实施时同样可以选用所述线性变换、平移变换、垂直变换及旋转变换，与切换后界面相组合，以达到更绚丽的动态显示效果。

本界面动态切换的手机，解决了现行手机界面在切换时，只有静态切换即界面直接替换的方式，为用户提供了更友善的操作环境。

综上所述仅为发明的较佳实施例而已，并非用来限定本发明的实施范围。即凡依本发明申请专利范围的内容所作的等效变化与修饰，都应为本发明的技术范畴。

Claims (9)

1.一种界面动态切换的手机，包括CPU(1)、设置了显存(21)的内存(2)、和显示屏(3)，所述的CPU(1)对所述的内存(2)进行读取、存储、计算操作，并将所需内容存储到所述的显存(21)，显示到所述的显示屏(3)上，其特征是，所述的内存(2)还设置了存储切换前界面的初始图像缓存(22)、存储切换后界面的目的图像缓存(23)，所述的CPU(1)与所述的显存(21)、所述的初始图像缓存(22)和所述的目的图像缓存(23)相连，所述的显存(21)与所述的显示屏(3)相连。

2.一种手机界面动态切换的方法，使用如权利要求1所述的手机进行操作其特征在于，所述方法包括以下步骤：

①初始图像缓存(22)储存切换前界面，目的图像缓存(23)储存切换后界面，选择切换前界面和切换后界面各自的图形变换方式和相应归一化参数，并初始化该归一化参数；

②CPU(1)对初始图像缓存(22)和目的图像缓存(23)进行读取，结合已选定图形变换方式和相应的归一化参数，分别对切换前界面和切换后界面进行图形变换，得出后景画面和前景画面；

③在后景画面中***前景画面，得到中间过渡界面；

④将中间过渡界面写入显存(21)，输出到显示屏(3)上；

⑤调整归一化参数；

⑥重复②至⑤步骤，直至归一化参数达到目标值，切换后界面完全显示在显示屏(3)上。

3.根据权利要求2所述的一种手机界面动态切换的方法，其特征是：所述的图形变换方式，为保持原型、或线性变换、或垂直变换、或平移变换、或旋转变换或以上所述变换的组合。

4.根据权利要求3所述的一种手机界面动态切换的方法，其特征是：设画面某像素原坐标为(x，y)，新坐标轴原点为(O_x，O_y)，所述的线性变换有两个归一化参数(α，β)，对应两个线性变换参数(a，b)，被变换画面的像素，通过矩阵变换 $\left(\begin{array}{c}{x}^{\′}\\ y^{\′}\\ 1\end{array}\right)=\left(\begin{array}{ccc}a& 0& 0\\ 0& b& 0\\ 0& 0& 1\end{array}\right)\×\left(\begin{array}{c}x-O_x\\ y-O_y\\ 1\end{array}\right)=\begin{array}{c}\left(\begin{array}{c}a\·(x-O_x)\\ b\·(y-O_y)\\ 1\end{array}\right),\end{array}$ 得新坐标为(x′，y′)。

5.根据权利要求3所述的一种手机界面动态切换的方法，其特征是：设画面某像素原坐标为(x，y)，新坐标轴原点为(O_x，O_y)，所述的平移变换有一个归一化参数α，对应一个平移变换参数a，被变换画面的像素，通过矩阵变换 $\left(\begin{array}{c}{x}^{\′}\\ y^{\′}\\ 1\end{array}\right)=\left(\begin{array}{ccc}1& 0& a\\ 0& 1& 0\\ 0& 0& 1\end{array}\right)\×\begin{array}{c}\left(\begin{array}{c}x\\ y\\ 1\end{array}\right)\end{array}=\left(\begin{array}{c}x+a\\ y\\ 1\end{array}\right),$ 得新坐标为(x′，y′)。

6.根据权利要求3所述的一种手机界面动态切换的方法，其特征是：设画面某像素原坐标为(x，y)，新坐标轴原点为(O_x，O_y)，所述的垂直变换有一个归一化参数α，对应一个垂直变换参数a，被变换画面的像素，通过矩阵变换 $\left(\begin{array}{c}{x}^{\′}\\ y^{\′}\\ 1\end{array}\right)=\left(\begin{array}{ccc}1& 0& 0\\ 0& 1& a\\ 0& 0& 1\end{array}\right)\×\begin{array}{c}\left(\begin{array}{c}x\\ y\\ 1\end{array}\right)\end{array}=\left(\begin{array}{c}x\\ y+a\\ 1\end{array}\right),$ 得新坐标为(x′，y′)。

7.根据权利要求3所述的一种手机界面动态切换的方法，其特征是：设画面某像素原坐标为(x，y)，新坐标轴原点为(O_x，O_y)，所述的旋转变换有一个归一化参数α，对应一个旋转变换参数θ，被变换画面的像素，通过矩阵变换 $\left(\begin{array}{c}{x}^{\′}\\ y^{\′}\\ 1\end{array}\right)=\left(\begin{array}{ccc}\cos \mathrm{\θ}& -\sin \mathrm{\θ}& 0\\ \sin \mathrm{\θ}& \cos \mathrm{\θ}& 0\\ 0& 0& 1\end{array}\right)\×\left(\begin{array}{c}x-O_x\\ y-O_y\\ 1\end{array}\right)=\left(\begin{array}{c}\cos \mathrm{\θ}\·(x-O_x)-\sin \mathrm{\θ}\·(y-O_x)\\ \sin \mathrm{\θ}\·(x-O_x)-\cos \mathrm{\θ}\·(y-O_y)\\ 1\end{array}\right),$ 得新坐标为(x′，y′)。

8.根据权利要求3所述的一种手机界面动态切换的方法，其特征是：所述的图像变换中的运算使用浮点运算。

9.根据权利要求8所述的一种手机界面动态切换的方法，其特征是：所述的图像变换中的浮点运算使用定点运算进行近似。

Images