CN102117176A - 在电子装置中实现滑动显示图片的方法 - Google Patents
在电子装置中实现滑动显示图片的方法 Download PDFInfo
- Publication number
- CN102117176A CN102117176A CN2010103000293A CN201010300029A CN102117176A CN 102117176 A CN102117176 A CN 102117176A CN 2010103000293 A CN2010103000293 A CN 2010103000293A CN 201010300029 A CN201010300029 A CN 201010300029A CN 102117176 A CN102117176 A CN 102117176A
- Authority
- CN
- China
- Prior art keywords
- picture
- pictures
- display screen
- distance
- slided
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
一种在电子装置中实现滑动显示图片的方法,所述电子装置包括一显示屏及一存储器,所述存储器内存储有一图片序列,所述方法包括:确定一所述图片序列将移动的第一距离;所述图片序列相对所述显示屏沿一第一方向移动一第二距离,所述第二距离小于所述第一距离;所述图片序列暂停移动一第一时间间隔;判断所述图片序列是否已被滑动到所述第一距离,若所述图片序列未被滑动到所述第一距离,则返回至所述图片序列相对所述显示屏朝向所述第一方向移动所述第二距离的步骤。相对现有技术,本发明在电子装置中实现滑动显示图片的方法能够使所述电子装置更流畅地显示图片。
Description
技术领域
本发明涉及一种显示图片的方法,特别是涉及一种在电子装置中实现滑动显示图片的方法。
背景技术
目前的电子装置,例如,数码相框,一般都会使用遥控器来对其进行控制。这样,使用者只要通过所述遥控器上的按钮,即可操控所述电子装置,来浏览图片或者观看视频内容。然而,使用所述遥控器上的按钮来操控所述电子装置,只能对所述电子装置上的菜单进行选择,点击操作遥控器浏览图片会时有跳跃感,不能带给使用者更人性化的用户操作界面的视觉效果。
发明内容
鉴于以上内容,有必要提供一在电子装置中实现滑动显示图片的方法。
一种在电子装置中实现滑动显示图片的方法,所述电子装置包括一显示屏及一存储器,所述存储器内存储有一图片序列,所述方法包括:
确定一所述图片序列将移动的第一距离;
所述图片序列相对所述显示屏沿一第一方向移动一第二距离,所述第二距离小于所述第一距离;
所述图片序列暂停移动一第一时间间隔;
判断所述图片序列是否已被滑动到所述第一距离,若所述图片序列未被滑动到所述第一距离,则返回至所述图片序列相对所述显示屏朝向所述第一方向移动所述第二距离的步骤。
相对现有技术,本发明在电子装置中实现滑动显示图片的方法能够使所述电子装置更流畅地显示图片。
附图说明
图1为本发明实施方式中一电子装置的功能模块图。
图2为一在电子装置中实现滑动显示图片的方法中的显示屏显示的第一示意图。
图3为一在电子装置中实现滑动显示图片的方法中的显示屏显示的第二示意图。
图4为一在电子装置中实现滑动显示图片的方法中的显示屏显示的第三示意图。
图5为一在电子装置中实现滑动显示图片的方法中的图片移动的示意图。
图6为一在电子装置中实现滑动显示图片的方法的原理流程图。
具体实施方式
请参阅图1,一电子装置包括一处理器、一存储器、一I/O接口、一网卡、一显示屏、一内存及一输入装置。所述显示屏显示有一用户操作界面。在本发明的实施方式中,所述电子装置为嵌入式电子装置,所述电子装置安装有一嵌入式操作***,所述存储器为一闪存存储器。所述输入装置可包括一遥控器及一网络连接的操控键盘。所述电子装置中,根据硬件生产需要,部分硬件可以集成为一体多功能性的或更具针对性的硬件设置以满足所述电子装置的特定需求。
请参阅图2、图3及图4,图2为所述电子装置上的菜单示意图,所述显示屏上显示有若干菜单图标,每一菜单图标为一张图片,在所述显示屏的中央位置处,所述菜单图标被放大显示给用户。图3是所述菜单图标在滑动过程中的示意图。当使用者通过一控制所述电子装置的遥控器上的按钮选择一音乐图标时,每一菜单图标都将会向左滑动,在滑动过程中,所述显示屏弱化所述菜单图标的亮度。这样,使用者即使使用所述遥控器的按钮操作所述电子装置,也同样可以感受到所述显示屏上的图片被滑动的视觉效果。图4为所述图片停止滑动时,使用者选择的音乐图标将被放大显示于所述显示屏上,而原来的放大的音乐图标则被缩小到正常的显示状态。
请参阅图5及图6,所述电子装置包括一初始化模块、一定位模块及一显示模块。所述初始化模块初始化所述显示屏一次显示的图片数量为G。G可根据显示屏的大小发生变化。本实施例中,G为7。所述初始化模块定义存储于所述电子装置的存储器中要显示的图片数量为N。所述图片编号定义为1~N个。所述初始化模块定义每一图片的位置。
一种在电子装置中实现滑动显示图片的方法,所述方法包括以下步骤:
步骤S60:所述图片相对所述显示屏沿一第一方向被滑动一第一距离,用以所述显示屏相对所述图片到达图片编号为n的图片处,即所述显示屏显示图片编号从n到n+G-1所对应的图片。
在本实施例中,初始位置时,所述图片编号为4的图片被放大地显示于所述显示屏的中央位置处。当使用者使用所述遥控器选择第5张图片时,所述图片朝向所述显示屏的左侧移动,并且最终将第5张图片放大地显示在所述显示屏上。
步骤S61:所述图片相对所述显示屏朝向所述第一方向移动一第二距离,所述第二距离小于所述第一距离。
所述初始化模块初始化所述第二距离为20像素。所述定位模块每次将所述图片移动20像素的距离,这样,让使用者使用遥控器选择图片的同时,会产生一种所述图片被滑动的感觉。
步骤S62:所述图片在移动所述第一距离后停止移动一第一时间间隔。
在本实施例中,所述初始化模块定义所述第一时间间隔为0.2秒。同样,让使用者使用遥控器选择图片的同时,会产生一种所述图片被滑动的感觉。
步骤63:所述定位模块判断所述图片是否已被滑动所述第一距离,若所述图片未被滑动所述第一距离,则返回至所述图片相对所述显示屏朝向所述第一方向移动所述第二距离的步骤61;若所述图片已被滑动所述第一距离,则转至步骤64。
步骤64:所述显示屏显示所述图片编号从n到n+G-1所对应的图片。
所述被选择的图片编号为5的图片将被放大地显示于所述显示屏的中央位置处,所述显示模块在所述电子装置的内存中定义出所述放大的图片编号为5的图片。由于所述图片的滑动,所述显示屏上将显示新的n-1张图片于其上。本实施例中,所述显示屏将显示一张图片编号为8的图片。所述显示模块将解码新的图片加载到所述显示屏上,例如,解码所述图片编号为4的小图片,解码所述图片编号为5的大图片,以及解码所述图片编号为8的小图片到所述显示屏上显示。
本发明在电子装置中实现滑动显示图片的方法中,所述图片可以扩展到纵向,在纵向上与横向上同样的原理,实现所述图片在所述显示屏上的上下滑动。
Claims (10)
1.一种在电子装置中实现滑动显示图片的方法,其特征在于:所述电子装置包括一显示屏及一存储器,所述存储器内存储有一图片序列,所述方法包括:
确定一所述图片序列将移动的第一距离;
所述图片序列相对所述显示屏沿一第一方向移动一第二距离,所述第二距离小于所述第一距离;
所述图片序列暂停移动一第一时间间隔;
判断所述图片序列是否已被滑动到所述第一距离,若所述图片序列未被滑动到所述第一距离,则返回至所述图片序列相对所述显示屏朝向所述第一方向移动所述第二距离的步骤。
2.如权利要求1所述的在电子装置中实现滑动显示图片的方法,其特征在于:所述图片序列包括一张被选择的图片,所述图片序列相对所述显示屏沿所述第一方向被滑动所述第一距离之后,所述被选择的图片被放大显示。
3.如权利要求2所述的在电子装置中实现滑动显示图片的方法,其特征在于:在所述图片序列相对所述显示屏沿所述第一方向移动所述第一距离之后,所述存储器加载所述被放大显示的图片到所述显示屏。
4.如权利要求1所述的在电子装置中实现滑动显示图片的方法,其特征在于:所述显示屏在初始位置时显示所述图片序列中的若干图片,所述图片序列相对所述显示屏沿所述第一方向被滑动所述第一距离之后,所述存储器加载所述图片序列中未显示的图片到所述显示屏显示。
5.如权利要求1所述的在电子装置中实现滑动显示图片的方法,其特征在于:所述显示屏定义有若干像素点,所述第二距离为20个像素点的宽度。
6.如权利要求1所述的在电子装置中实现滑动显示图片的方法,其特征在于:所述第一时间间隔为0.2秒。
7.如权利要求1所述的在电子装置中实现滑动显示图片的方法,其特征在于:所述显示屏在初始位置时显示一被放大的图片于其上,在所述图片序列相对所述显示屏沿所述第一方向被滑动所述第一距离之后,所述放大的图片被缩小显示于所述显示屏上。
8.如权利要求1所述的在电子装置中实现滑动显示图片的方法,其特征在于:所述图片序列相对所述显示屏沿所述第一方向被滑动所述第一距离时,所述显示屏降低显示所述图片序列的亮度。
9.如权利要求1所述的在电子装置中实现滑动显示图片的方法,其特征在于:所述图片序列相对所述显示屏沿所述第一方向被滑动所述第一距离是通过一遥控器控制。
10.如权利要求1所述的在电子装置中实现滑动显示图片的方法,其特征在于:所述图片序列为所述电子装置上的一菜单图标图片序列。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010103000293A CN102117176A (zh) | 2010-01-04 | 2010-01-04 | 在电子装置中实现滑动显示图片的方法 |
US12/697,222 US20110167388A1 (en) | 2010-01-04 | 2010-01-30 | Electronic device and method of browsing images thereon |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010103000293A CN102117176A (zh) | 2010-01-04 | 2010-01-04 | 在电子装置中实现滑动显示图片的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102117176A true CN102117176A (zh) | 2011-07-06 |
Family
ID=44215965
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2010103000293A Pending CN102117176A (zh) | 2010-01-04 | 2010-01-04 | 在电子装置中实现滑动显示图片的方法 |
Country Status (2)
Country | Link |
---|---|
US (1) | US20110167388A1 (zh) |
CN (1) | CN102117176A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102929528A (zh) * | 2012-09-27 | 2013-02-13 | 鸿富锦精密工业(深圳)有限公司 | 具有图片切换功能的装置及图片切换方法 |
WO2016045546A1 (zh) * | 2014-09-28 | 2016-03-31 | 阿里巴巴集团控股有限公司 | 信息显示方法及装置 |
Families Citing this family (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2012028955A (ja) * | 2010-07-22 | 2012-02-09 | Sharp Corp | 画像形成装置 |
WO2014092437A1 (en) * | 2012-12-10 | 2014-06-19 | Samsung Electronics Co., Ltd. | Mobile device of bangle type, control method thereof, and ui display method |
USD730916S1 (en) * | 2013-03-07 | 2015-06-02 | Amazon Technologies, Inc. | Portion of a display screen with a user interface |
USD797752S1 (en) * | 2013-06-07 | 2017-09-19 | Sony Interactive Entertainment Inc. | Display screen with transitional graphical user interface |
USD738394S1 (en) | 2013-06-09 | 2015-09-08 | Apple Inc. | Display screen or portion thereof with animated graphical user interface |
USD772278S1 (en) * | 2013-12-18 | 2016-11-22 | Apple Inc. | Display screen or portion thereof with animated graphical user interface |
USD809555S1 (en) | 2015-06-17 | 2018-02-06 | Netflix, Inc. | Display screen or portion thereof with a graphical user interface |
USD812090S1 (en) | 2015-06-17 | 2018-03-06 | Netflix, Inc. | Display screen or portion thereof with a graphical user interface |
USD849027S1 (en) * | 2015-08-03 | 2019-05-21 | Google Llc | Display screen with animated graphical user interface |
USD848458S1 (en) * | 2015-08-03 | 2019-05-14 | Google Llc | Display screen with animated graphical user interface |
USD888733S1 (en) | 2015-08-03 | 2020-06-30 | Google Llc | Display screen with animated graphical user interface |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5745738A (en) * | 1996-05-29 | 1998-04-28 | Microsoft Corporation | Method and engine for automating the creation of simulations for demonstrating use of software |
US20030114942A1 (en) * | 2001-12-17 | 2003-06-19 | Varone John J. | Remote display module |
JP4533791B2 (ja) * | 2005-04-19 | 2010-09-01 | 株式会社日立製作所 | 情報閲覧装置 |
US7581186B2 (en) * | 2006-09-11 | 2009-08-25 | Apple Inc. | Media manager with integrated browsers |
US20090058863A1 (en) * | 2007-09-04 | 2009-03-05 | Apple Inc. | Image animation with transitional images |
US8151215B2 (en) * | 2008-02-07 | 2012-04-03 | Sony Corporation | Favorite GUI for TV |
-
2010
- 2010-01-04 CN CN2010103000293A patent/CN102117176A/zh active Pending
- 2010-01-30 US US12/697,222 patent/US20110167388A1/en not_active Abandoned
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102929528A (zh) * | 2012-09-27 | 2013-02-13 | 鸿富锦精密工业(深圳)有限公司 | 具有图片切换功能的装置及图片切换方法 |
WO2016045546A1 (zh) * | 2014-09-28 | 2016-03-31 | 阿里巴巴集团控股有限公司 | 信息显示方法及装置 |
CN105528167A (zh) * | 2014-09-28 | 2016-04-27 | 阿里巴巴集团控股有限公司 | 信息显示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
US20110167388A1 (en) | 2011-07-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102117176A (zh) | 在电子装置中实现滑动显示图片的方法 | |
US10120538B2 (en) | Providing subpages in a touch panel user interface | |
US11348201B2 (en) | Electronic device having rollable display and method of controlling the same | |
US10747416B2 (en) | User terminal device and method for displaying thereof | |
KR102298602B1 (ko) | 확장가능한 애플리케이션 표시 | |
US8266550B1 (en) | Parallax panning of mobile device desktop | |
EP2840472B1 (en) | Menu layout processing method and apparatus | |
CN109643241B (zh) | 显示处理方法、装置、存储介质及电子终端 | |
EP2454818B1 (en) | Scrolling method of mobile terminal and apparatus for performing the same | |
US8250471B2 (en) | Electronic devices and method for controlling the user interface thereof | |
US20140165001A1 (en) | Adaptive Presentation of Content Based on User Action | |
US10691329B2 (en) | User interface of media player application for controlling media content display | |
US9569083B2 (en) | Predictive directional content queue | |
CN109508213B (zh) | 一种视图渲染方法、装置、介质及智能终端 | |
US20140164923A1 (en) | Intelligent Adaptive Content Canvas | |
MX2010011839A (es) | Disposicion fisica de pagina de inicio flexible para dispositivos moviles. | |
KR20160143755A (ko) | 확장 가능 애플리케이션 표현, 액티비티 레벨들, 및 데스크탑 표현 | |
KR20160143752A (ko) | 확장가능한 애플리케이션 표시 및 태스크바 | |
CN103197841A (zh) | 图片浏览方法及其***和终端设备 | |
KR20160140932A (ko) | 확장 가능한 애플리케이션 표시 및 콘텐트 전송 | |
US20130254657A1 (en) | Font adjusting method and electronic device using same | |
CN102117611A (zh) | 在电子装置中实现循环显示图片的方法 | |
JP5779063B2 (ja) | 装置、方法、及びプログラム | |
CN102736901A (zh) | WinCE平台自定义桌面的实现方法 | |
CN102622155A (zh) | 具有触控显示界面的电子装置及依时间区间显示影像图示的方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20110706 |