CN105867915B - 一种应用界面的展示方法及装置 - Google Patents
一种应用界面的展示方法及装置 Download PDFInfo
- Publication number
- CN105867915B CN105867915B CN201610179337.2A CN201610179337A CN105867915B CN 105867915 B CN105867915 B CN 105867915B CN 201610179337 A CN201610179337 A CN 201610179337A CN 105867915 B CN105867915 B CN 105867915B
- Authority
- CN
- China
- Prior art keywords
- picture
- user
- application interface
- pictures
- display location
- 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.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种应用界面的展示方法及装置,涉及计算机技术领域,解决了同类应用的应用界面展示效果单一、风格雷同、操作体验同质化的问题。本发明主要的技术方案为:获取多张图片,所述图片用于展示在应用界面中供用户选择;将所述多张图片添加到所述应用界面中;当用户选中所述应用界面中的一张图片时,调整所述图片在所述应用界面的显示位置和尺寸大小,使其展示在所述应用界面的最前端;根据用户选中的图片生成所述应用界面的背景图片。本发明主要用于应用程序界面的制作设计。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种应用界面的展示方法及装置。
背景技术
伴随移动互联网的快速崛起,各种移动终端中的应用程序也是五花八门新颖各异。而一款好的应用在使用中则需要兼顾操作简单、方便,画面流畅,特效及动画吸引眼球的特点,从而使用户获得优于其他同类应用的使用体验。因此,用户操作的交互界面设计就成为一款应用程序使用体验的首选评价指标。
在现有的应用界面中,多是采用平面动画对画面的切换过渡进行动态展示,以手机阅读类应用举例,在应用中对书籍的展示基本都是通过模拟书架以宫格或列表的形式进行展现,在用户浏览查看推荐书籍时,也多是通过对不同书籍的封皮使用平面图片切换供用户进行选择操作。目前,在应用的操作方式相对固定的前提下,众多同类应用的交互界面展示相对单一,整体界面的展示风格雷同,导致同类应用产品在操作体验上过于同质化,无法通过提高用户使用体验来吸引更多的用户下载使用。因此,一款应用若无法让用户在使用过程中获得绚丽的交互效果,则无法得到用户的青睐。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种应用界面的展示方法及装置,从而使应用界面的展示效果更加绚丽,同时也为用户提供了更加新颖、逼真的交互体验。
为达到上述目的,本发明主要提供如下技术方案:
一方面,本发明提供一种应用界面的展示方法,该方法包括:
获取多张图片,所述图片用于展示在应用界面中供用户选择;
将所述多张图片添加到所述应用界面中;
当用户选中所述应用界面中的一张图片时,调整所述图片在所述应用界面的显示位置和尺寸大小,使其展示在所述应用界面的最前端;
根据用户选中的图片生成所述应用界面的背景图片。
另一方面,本发明提供一种应用界面的展示装置,该装置包括:
获取单元,用于获取多张图片,所述图片用于展示在应用界面中供用户选择;
添加单元,用于将所述获取单元获取的多张图片添加到所述应用界面中;
调整单元,用于当用户选中所述应用界面中的一张图片时,调整所述图片在所述应用界面的显示位置和尺寸大小,使其展示在所述应用界面的最前端;
背景生成单元,用于根据所述调整单元调整后将用户选中的图片生成所述应用界面的背景图片。
借由上述技术方案,本发明提供的一种应用界面的展示方法及装置,通过将待展示的图片以三维立体的展示效果布置在应用界面中,并且能够根据用户的操作对应用界面中所展示的图片进行位置调整,使得用户选中的图片位于应用界面的最前端,同时,还将界面的背景与用户的操作进行关联,使得用户在选中一张图片时,背景就会更换为基于用户选中的图片所生成的背景图片。相对于现有应用界面中存在的展示效果相似,交互方式单一的问题,本发明提供了更加绚丽的三维立体展示效果,并且通过与用户的互动,将界面的背景变化与用户的操作进行匹配,为用户提供新颖的交互体验,从而达到吸引用户眼球,提升用户使用体验的效果。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明实施例提出的一种应用界面的展示方法的流程图;
图2示出了本发明实施例提出的另一种应用界面的展示方法的流程图;
图3示出了本发明实施例提出的一种应用界面的展示方法应用于阅读应用中的效果参考图;
图4示出了本发明实施例提出的一种应用界面的展示装置的组成框图;
图5示出了本发明实施例提出的另一种应用界面的展示装置的组成框图。
具体实施方式
下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例,然而应当理解,可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本发明,并且能够将本发明的范围完整的传达给本领域的技术人员。
本发明实施例提供了一种应用界面的展示方法,如图1所示,该方法具体步骤包括:
101、获取多张图片。
现有应用程序的操作界面中,用于供用户操作选择的内容多以图标的形式展现,而图标的具体表现又多是应用信息的图片,如视频应用中多是视频内容的海报图片作为选择视频的图标;音乐应用中是以歌曲的专辑封面、歌手的照片等图片进行内容的展示;阅读应用则是多以书籍的封皮图片进行内容展示。因此,应用界面展示的新颖性主要体现在界面对图片的布置。
由于应用程序中每个界面所要展示的具体内容不同,因此,在获取图片时,是根据该页面中所需要展示的内容而在所有内容中进行筛选后得到的图片,例如在阅读应用中,在书籍推荐界面中,获取的图片是根据推荐规则进行筛选的,具体规则可以是上架时间、阅读点击量等等;而在书籍阅读的记录的界面中,所获取的图片则是本地用户所阅读过的书籍的封皮图片。
102、将多张图片添加到应用界面中。
将所获取的多张图片添加到应用界面中时,通过对多张图片具体位置的设置可以得到多种不同的显示效果。例如二维的平面效果、三维的立体效果。而平面效果是目前最常用且设置最为简单的一种方式,对此本发明实施例不进行具体说明。对于三维的立体效果,是指将多张图片在二维的展示界面中通过调节各个图片位置或大小,使得图片所在的界面在视觉效果上具备三维的景深效果。而较为常用的图片立体展示效果的实现方式主要是利用多张图片通过横向或纵向的叠加,再根据近大远小的原则调整各个图片的尺寸大小。在实际的应用中,通过多张图片实现立体展示效果的方式不胜枚举,因此,对于具体的展示效果本发明实施例也不做具体的限定。
需要说明的是,对于在将图片添加到应用界面中时,图片之间的位置排列关系则可以根据该界面对所展示图片的具体规则进行排列,例如界面的展示目的在于推荐,就可以将推荐指数高的图片放在前端,指数低的靠后;对于界面展示目的是展示记录的,则可以根据记录生成的时间进行排列,将生成时间近的放在前端。对于图片添加的排列规则,本发明实施例同样不做具体限定。
103、当用户选中应用界面中的一张图片时,调整图片在应用界面的显示位置和尺寸大小,使其展示在应用界面的最前端。
上述101与102实现了对界面中多张图片的静态三维立体展示效果展示,而要实现与用户的交互,则需要将多张图片的三维立体展示效果动态化。根据用户在界面中的操作,界面中图片的展示效果应作出相应的变化以响应用户的操作,例如用户在选中排在后面的图片进行拖动时,所选中的图片以及其他图片会根据拖动的方向进行移动,同时调整各自图片的尺寸大小,从视觉感受上给用户一种图片在根据自己的拖动而进行空间移动的感觉。
本实施例中,用户选中应用界面中的一张图片有两种情况,一种是选中具有立体效果的多张图片中最前端的图片,另一种是选中非最前端的图片。前一种,由于该图片已经处于最前端,是所有图片中显示范围最完整、尺寸最大的一张,因此,该情况下图片的展示效果不变。而当非最前端的图片被选中时,则需要将被选中的图片显示在多张图片的最前端,以此向用户反馈其操作的结果。
104、根据用户选中的图片生成应用界面的背景图片。
通过103实现了应用界面中多张图片根据用户的操作进行动态立体展示的效果,为了增强用户对操作的反馈感受,本步骤将该界面中的背景图片与用户操作进行关联,当用户选中一张非最前端的图片时,应用界面将根据用户所选择的图片生成一张背景图片,并在该图片显示在界面最前端后,将所生成的背景图片更换现有的背景图片。也就是说,每当用户的操作改变了界面中最前端的图片时,界面的背景图片也会相应的改变,从而提醒用户其操作已经被应用界面所执行。
结合上述的实现方式可以看出,本发明实施例所采用的一种应用界面的展示方法,是通过将待展示的图片以三维立体的展示效果布置在应用界面中,并且能够根据用户的操作对应用界面中所展示的图片进行位置调整,使得用户选中的图片位于应用界面的最前端,同时,还将界面的背景与用户的操作进行关联,使得用户在选中一张图片时,背景就会更换为基于用户选中的图片所生成的背景图片。相对于现有应用界面中存在的展示效果相似,交互方式单一的问题,本发明提供了更为绚丽的三维立体展示效果,并且通过与用户的互动,将界面的背景变化与用户的操作进行匹配,为用户提供新颖的交互体验,从而达到吸引用户眼球,提升用户使用体验的效果。
为了更加详细地说明本发明提出的一种应用界面的展示方法,本发明实施例将对上述步骤的具体实现逐一说明,从而具体说明应用界面的展示方法,如图2所示,该方法具体包括:
201、获取多张图片。
图片取自与应用中的具体内容,本步骤同上述101步骤,具体解释可参考上述的描述,此处不再赘述。
202、根据多张图片的数量设置多张图片在应用界面中的展示位置。
多个图片的立体效果需要至少两张以上的图片,通过图片之间的位置关系生成三维立体的视觉效果。本发明实施例中,应用界面会根据获取到的图片数量来设置每张图片在界面中的具体展示位置,而在实际应用中,考虑到界面展示范围的大小以及图片清晰度,往往会设置展示图片的数量上限,例如,设置上限为3张图片,当获取的图片超过3张时,应用界面中会根据图片的排列顺序显示前3张。其中,关于图片排列顺序可参考上述102中相关的描述。
本发明实施例是将多张图片进行叠加展示来体现图片的前后关系,从而使多张图片具有了多个层级。最前端的图片(也就是最上层的图片)能够完全展示,并且会覆盖到下一层图片的部分内容,以此类推,越下层的图片所展示出内容越少。
203、根据多层级展示位置的层级关系,利用近大远小的透视原理设置每个展示位置上图片的尺寸大小。
在界面中的图片具有了前后层级关系后,通过透视原理,先确定界面中最前端图片的尺寸大小,再按固定的比例缩小下一层图片的尺寸,从而使图片之间具有视觉上的纵深效果。经过图片的叠加和显示尺寸的调整后,应用界面中的多张图片在静态视觉效果上将呈现出三维立体效果。
204、根据用户的操作确定用户选中的图片。
用户在应用界面中较常用的选中操作包括有滑动、点击、长按,点击操作是选中界面中的图片并进入该图片所链接的其他界面中,长按操作是选中界面中的图片并等待用户做出进一步的指令,滑动操作是将选中的图片在当前界面中进行移动操作。
由于本发明实施例主要涉及当前应用界面的展示,因此,用户选中的图片为用户滑动操作所选中界面中的图片,并通过滑动来显示被选中图片展示效果的改变。
205、当用户选中的图片不是处在最前端的展示位置中时,则将用户选中的图片移动至最前端的展示位置中。
当用户选中界面中的一张图片时,会对所选中的图片进行判断,若该图片为最前端的图片,则不需要改变当前界面中图片的展示方式;而用户选中的不是最前端的图片时,则需要将用户选中的图片展示在界面的最前端,具体的实现方式可以是将用户选中的图片与当前界面中最前端展示的图片进行位置互换,也可以是根据图片展示位置的层级关系将用户选中的图片逐层移动至最前端的展示位置中。其中,后一种实现方式更加适合与用户的滑动操作进行匹配。
需要指出的是,用户在进行滑动操作时,不论所选中的图片是否为最前端的图片,应用界面都会根据用户滑动操作的方向改变界面中图片的位置,而当用户的滑动范围超出了选中图片原有的显示范围后,就会将所选中的图片移动至相邻的展示位置中,并改变选中图片的尺寸大小,同时其他图片也会相应的做出移动并调整各自显示的位置与大小,从而实现界面中的所有图片随用户滑动操作进行展示位置移动的效果。对于线性叠加的多张图片,在移动时多为将两端的图片进行相互移动,即当向左滑动时,最左端的图片会直接移动到最右端。在效果上实现图片的轮转移动。
其中,当用户以滑动操作移动选中的图片时,其移动的方向应与图片叠加排列的方向为水平方向,或者是移动的距离在水平方向上存在距离差,这样才能够确保界面中的图片会随着滑动操作而移动。
206、根据用户选中的图片生成应用界面的背景图片。
本发明实施例中,将选中的图片生成应用界面的背景图片的具体实现方式可以是将选中图片的整张图设置为背景图片,根据背景尺寸的大小调整图片的拉伸的比例;还可以对所选中的图片进行裁剪,将裁剪后的图片或者裁剪获得的图片设置为背景图片。
其中,对于裁剪选中图片的方式,裁剪的尺寸可以自定义设置,但其长宽比例应与背景的比例相一致,以确保裁剪后对图片放大不会导致图中产生形变。并且,对于图片裁剪的部位,也可以通过预定的算法进行位置选择,例如在图中随机选择一个位置或者是指定选择一个位置。
进一步的,对于变更后的背景图片,为了与立体展示的图片进行区分,还可以对图片进行模糊效果处理,例如采用高斯模糊处理背景图片,使背景虚化,从而突出界面中立体展示的多张图片。
通过上述对本发明实施例的详细描述,下面以安装在安卓(android)系统中的阅读应用的展示阅读记录的界面为例进行举例说明:
阅读记录的界面中需要展示的用户所阅读过书籍的记录,包括书籍的封皮、书名、已阅读的进度等。在该界面中要展示多条的阅读记录,就可以通过获取各条记录中的封皮图片,其中,阅读记录的数量应大于2条。
在设置该界面时,首先封装一个可以添加View(视图)的容器类,通过复写android本身提供的ViewGroup控件,重载addView、removeView、removeAllViews实现阅读记录的添加View与移除View的操作。将所获取的封皮图片添加到View中。再自定义方法类,派生自可以添加View的CarouselSpinner(旋转器),通过android本身提供的系统调用接口(API)利用方法layout和onMeasure对View进行重新的布局和测量,再通过调用android本身提供的摄像机相关的API实现View在界面中的最佳立体展示效果。
在实现了封皮的展示的立体叠加效果后,再获取选中阅读记录中的图书信息(即书名),阅读进度信息,将这些信息展示在界面中,同时在界面中设置一个继续阅读的操作按钮。其中,按钮及相关信息在界面中具体的位置可自定义设置。
在该界面中,具有立体展示效果的书籍封皮是能够根据用户操作进行旋转的,而用户的操作是通过在继承于ViewGroup的类中添加滑动监听器OnScroll,点击监听器OnItemClick,长按监听器OnItemLongClick,无操作监听器等实现的。用户在选中一个阅读记录的封皮图片后,会将该图片移动至最前端,同时将该图片进行部分的裁剪并使用高斯模糊处理得到一张背景图用于更换当前界面的背景图片。
最后,将具有三维立体展示效果的多张封皮图片(即上述的容器类)、继续阅读的操作按钮、图书信息以及图书阅读进度信息进行整体封装,得到历史阅读记录信息,再将该封装后的历史阅读记录信息设置在应用界面的顶端,整体效果如图3所示。
进一步的,作为对上述方法的实现,本发明实施例提供了一种应用界面的展示装置,该装置实施例与前述方法实施例对应,为便于阅读,本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述,但应当明确,本实施例中的装置能够对应实现前述方法实施例中的全部内容。该装置如图4所示,具体包括:
获取单元41,用于获取多张图片,所述图片用于展示在应用界面中供用户选择;
添加单元42,用于将所述获取单元41获取的多张图片添加到所述应用界面中;
调整单元43,用于当用户选中所述应用界面中的一张图片时,调整所述图片在所述应用界面的显示位置和尺寸大小,使其展示在所述应用界面的最前端;
背景生成单元44,用于根据所述调整单元43调整后将用户选中的图片生成所述应用界面的背景图片。
进一步的,所述添加单元还用于,将所述获取单元获取的多张图片添加到所述应用界面中,使得所述多张图片在所述应用界面中具有三维立体展示效果。
进一步的,如图5所示,所述添加单元42包括:
第一设置模块421,用于根据所述多张图片的数量设置所述多张图片在所述应用界面中的展示位置,得到具有叠加效果的多层级展示位置;
第二设置模块422,用于根据所述第一设置模块得到的多层级展示位置的层级关系,利用近大远小的透视原理设置每个展示位置上图片的尺寸大小,以得到所述多张图片在所述应用界面中的三维立体展示效果。
进一步的,如图5所示,所述调整单元43包括:
确定模块431,用于根据用户的操作确定用户选中的图片,其中,所述操作包括滑动、点击、长按;
判断模块432,用于判断所述确定模块中用户选中的图片是否处最前端的展示位置中;
移动模块433,用于当所述判断模块判断用户选中的图片不在最前端的展示位置中时,将所述用户选中的图片移动至所述最前端的展示位置中。
进一步的,如图5所示,所述移动模块433包括:
置换子模块4331,用于将用户选中的图片与当前最前端展示的图片进行位置互换;
轮转移动子模块4332,用于根据展示位置的层级关系将用户选中的图片逐层移动至最前端的展示位置中,同时将其他展示位置中的图片进行顺序轮转移动。
进一步的,所述轮转移动子模块4332还用于,当用户以滑动操作移动选中的图片时,根据用户滑动操作的方向移动所述用户选中的图片。
进一步的,如图5所示,所述背景生成单元44包括:
第一设置模块441,用于将选中图片的整张图片设置为背景图片;
第二设置模块442,用于对所述选中图片进行部分裁剪,将裁剪后的图片或者裁剪获得的图片设置为背景图片。
进一步的,所述第二设置模块422还用于,按照预定裁剪尺寸进行随机或指定位置的剪裁。
进一步的,如图5所示,所述装置还包括:
背景处理单元45,用于对所述背景生成单元44所生成的背景图片进行高斯模糊处理。
进一步的,所述获取单元41获取的多张图片为包含图书信息或者应用信息的图片。
进一步的,所述获取单元41还用获取预定数量的具有用户使用记录的多张图片。
进一步的,如图5所示,所述装置还包括:
所述获取单元41还用于,当所述多张图片为包含图书信息的图片,所述应用界面为电子图书阅读的应用界面时,获取选中图片对应的图书信息、图书阅读进度信息;
展示单元46,用于将继续阅读的操作按钮、所述获取单元41获取的所述图书信息以及图书阅读进度展示在所述应用界面中。
进一步的,如图5所示,所述装置还包括:
封装单元47,用于将所述具有三维立体展示效果的多张图片、继续阅读的操作按钮、所述图书信息以及图书阅读进度信息进行封装,得到历史阅读记录信息;
设置单元48,用于将所述封装单元47封装后的历史阅读记录信息设置在所述应用界面的顶端。
综上所述,本发明实施例所采用的应用界面的展示方法及装置,是通过将待展示的图片以三维立体的展示效果布置在应用界面中,并且能够根据用户的操作对应用界面中所展示的图片进行位置调整,使得用户选中的图片位于应用界面的最前端,同时,还将界面的背景与用户的操作进行关联,使得用户在选中一张图片时,背景就会更换为基于用户选中的图片所生成的背景图片。相对于现有应用界面中存在的展示效果相似,交互方式单一的问题,本发明提供了更为绚丽的三维立体展示效果,并且通过与用户的互动,将界面的背景变化与用户的操作进行匹配,为用户提供新颖的交互体验,从而达到吸引用户眼球,提升用户使用体验的效果。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
可以理解的是,上述方法及装置中的相关特征可以相互参考。另外,上述实施例中的“第一”、“第二”等是用于区分各实施例,而并不代表各实施例的优劣。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的发明名称(如确定网站内链接等级的装置)中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (22)
1.一种应用界面的展示方法,其特征在于,所述方法包括:获取多张图片,所述图片用于展示在应用界面中供用户选择;将所述多张图片添加到所述应用界面中;根据所述多张图片的数量设置所述多张图片在所述应用界面中的展示位置,得到具有叠加效果的多层级展示位置;根据所述多层级展示位置的层级关系,利用近大远小的透视原理设置每个展示位置上图片的尺寸大小,以得到所述多张图片在所述应用界面中的三维立体展示效果;当用户选中所述应用界面中的一张图片时,根据预设的每个展示位置上图片的尺寸大小调整所述图片在所述展示位置的尺寸大小,使其展示在所述应用界面的最前端;根据用户选中的图片生成所述应用界面的背景图片。
2.根据权利要求1所述的方法,其特征在于,当用户选中所述应用界面中的一张图片时,根据预设的每个展示位置上图片的尺寸大小调整所述图片在所述展示位置的尺寸大小,使其展示在所述应用界面的最前端的步骤包括:根据用户的操作确定用户选中的图片,其中,所述操作包括滑动、点击、长按;判断用户选中的图片是否处于最前端的展示位置中;若不是,则将所述用户选中的图片移动至所述最前端的展示位置中。
3.根据权利要求2所述的方法,其特征在于,将所述用户选中的图片移动至所述最前端的展示位置中包括:将用户选中的图片与当前最前端展示的图片进行位置互换;或者根据展示位置的层级关系将用户选中的图片逐层移动至最前端的展示位置中,同时将其他展示位置中的图片进行顺序轮转移动。
4.根据权利要求3所述的方法,其特征在于,根据展示位置的层级关系将用户选中的图片逐层移动至最前端的展示位置中包括:当用户以滑动操作移动选中的图片时,根据用户滑动操作的方向移动所述用户选中的图片。
5.根据权利要求1所述的方法,其特征在于,根据用户选中的图片生成所述应用界面的背景图片包括:将选中图片的整张图片设置为背景图片;或者对所述选中图片进行部分裁剪,将裁剪后的图片或者裁剪获得的图片设置为背景图片。
6.根据权利要求5所述的方法,其特征在于,对所述选中图片进行部分裁剪包括:按照预定裁剪尺寸进行随机或指定位置的剪裁。
7.根据权利要求5所述的方法,其特征在于,所述方法还包括:对所述背景图片进行高斯模糊处理。
8.根据权利要求1-7中任一项所述的方法,其特征在于,所述多张图片为包含图书信息或者应用信息的图片。
9.根据权利要求8所述的方法,其特征在于,所述获取多张图片包括:获取预定数量的具有用户使用记录的多张图片。
10.根据权利要求9所述的方法,其特征在于,所述多张图片为包含图书信息的图片,所述应用界面为电子图书阅读的应用界面时,所述方法还包括:获取选中图片对应的图书信息、图书阅读进度信息;将继续阅读的操作按钮、所述图书信息以及图书阅读进度展示在所述应用界面中。
11.根据权利要求10所述的方法,其特征在于,所述方法还包括:将所述具有三维立体展示效果的多张图片、继续阅读的操作按钮、所述图书信息以及图书阅读进度信息进行封装,得到历史阅读记录信息;将封装后的历史阅读记录信息设置在所述应用界面的顶端。
12.一种应用界面的展示装置,其特征在于,所述装置包括:获取单元,用于获取多张图片,所述图片用于展示在应用界面中供用户选择;添加单元,用于将所述获取单元获取的多张图片添加到所述应用界面中;所述添加单元包括:第一设置模块,用于根据所述多张图片的数量设置所述多张图片在所述应用界面中的展示位置,得到具有叠加效果的多层级展示位置;第二设置模块,用于根据所述第一设置模块得到的多层级展示位置的层级关系,利用近大远小的透视原理设置每个展示位置上图片的尺寸大小,以得到所述多张图片在所述应用界面中的三维立体展示效果;
调整单元,用于当用户选中所述应用界面中的一张图片时,调整所述图片在所述应用界面的显示位置和尺寸大小,使其展示在所述应用界面的最前端;背景生成单元,用于根据所述调整单元调整后将用户选中的图片生成所述应用界面的背景图片。
13.根据权利要求12所述的装置,其特征在于,所述调整单元包括:确定模块,用于根据用户的操作确定用户选中的图片,其中,所述操作包括滑动、点击、长按;判断模块,用于判断所述确定模块中用户选中的图片是否处于最前端的展示位置中;移动模块,用于当所述判断模块判断用户选中的图片不在最前端的展示位置中时,将所述用户选中的图片移动至所述最前端的展示位置中。
14.根据权利要求13所述的装置,其特征在于,所述移动模块包括:置换子模块,用于将用户选中的图片与当前最前端展示的图片进行位置互换;轮转移动子模块,用于根据展示位置的层级关系将用户选中的图片逐层移动至最前端的展示位置中,同时将其他展示位置中的图片进行顺序轮转移动。
15.根据权利要求14所述的装置,其特征在于,所述轮转移动子模块还用于,当用户以滑动操作移动选中的图片时,根据用户滑动操作的方向移动所述用户选中的图片。
16.根据权利要求12所述的装置,其特征在于,所述背景生成单元包括:第一设置模块,用于将选中图片的整张图片设置为背景图片;第二设置模块,用于对所述选中图片进行部分裁剪,将裁剪后的图片或者裁剪获得的图片设置为背景图片。
17.根据权利要求16所述的装置,其特征在于,所述背景生成单元中的第二设置模块还用于,按照预定裁剪尺寸进行随机或指定位置的剪裁。
18.根据权利要求16所述的装置,其特征在于,所述装置还包括:背景处理单元,用于对所述背景生成单元所生成的背景图片进行高斯模糊处理。
19.根据权利要求12-18中任一项所述的装置,其特征在于,所述获取单元获取的多张图片为包含图书信息或者应用信息的图片。
20.根据权利要求19所述的装置,其特征在于,所述获取单元还用于获取预定数量的具有用户使用记录的多张图片。
21.根据权利要求20所述的装置,其特征在于,所述装置还包括:所述获取单元还用于,当所述多张图片为包含图书信息的图片,所述应用界面为电子图书阅读的应用界面时,获取选中图片对应的图书信息、图书阅读进度信息;展示单元,用于将继续阅读的操作按钮、所述图书信息以及图书阅读进度展示在所述应用界面中。
22.根据权利要求21所述的装置,其特征在于,所述装置还包括:封装单元,用于将所述具有三维立体展示效果的多张图片、继续阅读的操作按钮、所述图书信息以及图书阅读进度信息进行封装,得到历史阅读记录信息;设置单元,用于将所述封装单元封装后的历史阅读记录信息设置在所述应用界面的顶端。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610179337.2A CN105867915B (zh) | 2016-03-25 | 2016-03-25 | 一种应用界面的展示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610179337.2A CN105867915B (zh) | 2016-03-25 | 2016-03-25 | 一种应用界面的展示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105867915A CN105867915A (zh) | 2016-08-17 |
CN105867915B true CN105867915B (zh) | 2017-12-26 |
Family
ID=56625010
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610179337.2A Active CN105867915B (zh) | 2016-03-25 | 2016-03-25 | 一种应用界面的展示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105867915B (zh) |
Families Citing this family (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107038034A (zh) * | 2017-04-19 | 2017-08-11 | 北京小米移动软件有限公司 | 提供个人账户页面背景的方法和装置 |
CN107391113B (zh) * | 2017-06-26 | 2020-09-08 | 深圳传音通讯有限公司 | 电子终端的显示处理方法与电子终端 |
CN107507067A (zh) * | 2017-08-30 | 2017-12-22 | 四川长虹电器股份有限公司 | 一种在网页上展示产品图片的方法 |
CN107621966B (zh) * | 2017-08-31 | 2021-06-18 | 阿里巴巴(中国)有限公司 | 图形用户界面显示方法、装置和终端设备 |
CN110007987B (zh) * | 2018-01-05 | 2022-03-25 | 武汉斗鱼网络科技有限公司 | 一种视图对象的层级管理方法及系统 |
CN109947973B (zh) * | 2018-09-21 | 2020-08-18 | 北京字节跳动网络技术有限公司 | 展示区域的背景配置方法、装置、设备及可读介质 |
CN111045558A (zh) * | 2018-10-12 | 2020-04-21 | 上海博泰悦臻电子设备制造有限公司 | 基于三维场景的界面控制方法、车机设备及车辆 |
CN111612566A (zh) * | 2020-03-30 | 2020-09-01 | 北京瑞卓喜创科技发展有限公司 | 一种线上售楼展示界面的生成方法、装置、终端及计算机可读存储介质 |
CN111522492B (zh) * | 2020-04-30 | 2021-10-15 | 掌阅科技股份有限公司 | 图片滑动显示方法、终端及计算机存储介质 |
CN112215963B (zh) * | 2020-09-15 | 2023-06-06 | 清华大学 | 模拟3d效果的在线展览方法及装置 |
CN112685680A (zh) * | 2021-01-12 | 2021-04-20 | 上海观察者信息技术有限公司 | 图片添加方法和装置 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101488073A (zh) * | 2009-02-03 | 2009-07-22 | 宇龙计算机通信科技(深圳)有限公司 | 一种显示图片的方法、系统和移动终端 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5262279B2 (ja) * | 2008-05-13 | 2013-08-14 | 日本電気株式会社 | 携帯通信端末、その表示方法及びプログラム |
-
2016
- 2016-03-25 CN CN201610179337.2A patent/CN105867915B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101488073A (zh) * | 2009-02-03 | 2009-07-22 | 宇龙计算机通信科技(深圳)有限公司 | 一种显示图片的方法、系统和移动终端 |
Also Published As
Publication number | Publication date |
---|---|
CN105867915A (zh) | 2016-08-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105867915B (zh) | 一种应用界面的展示方法及装置 | |
US10713428B2 (en) | Images associated with cells in spreadsheets | |
US10311609B2 (en) | Method and system for the making, storage and display of virtual image edits | |
JP5687065B2 (ja) | ウェブインタフェース経由での動的グラフィックの作成および編集 | |
US6515656B1 (en) | Synchronized spatial-temporal browsing of images for assessment of content | |
US8397153B1 (en) | Systems and methods for rich presentation overlays | |
WO2013108139A2 (en) | Designing website user controls | |
Pratas | Creating flat design websites | |
CN109785408B (zh) | 一种填图方法、装置及电子设备 | |
CN110286977A (zh) | 显示方法及相关产品 | |
US20230131823A1 (en) | Systems, devices and methods for on-demand apparel | |
US20160004785A1 (en) | Web-based platform for creation and delivery of digitally wrapped gift content | |
CN105045893A (zh) | 一种网页中的图片的适配方法和装置 | |
Dutson | Responsive mobile design: Designing for every device | |
US20180357694A1 (en) | System and method for customizing photo product designs with minimal and intuitive user inputs | |
Gillenwater | Flexible web design: creating liquid and elastic layouts with CSS | |
CN112748917B (zh) | 图表显示方法及装置 | |
CN111161378B (zh) | 一种填色方法、装置及电子设备 | |
Mew | Android Design Patterns and Best Practice | |
KR20180135532A (ko) | 스토리 보드 구현 방법 및 시스템 | |
JP6788374B2 (ja) | 商品又はサービスの提供システム | |
CN107545539A (zh) | 一种对网页中图片进行局部选择的方法与装置 | |
Shumaker et al. | AutoCAD and Its Applications Advanced 2016 | |
JP6730221B2 (ja) | 弁当受注システム | |
Hadlock | jQuery Mobile: Develop and design |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20200529 Address after: 310051 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Patentee after: Alibaba (China) Co.,Ltd. Address before: 510640 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping radio square B tower 13 floor 03 unit self Patentee before: GUANGZHOU ALIBABA LITERATURE INFORMATION TECHNOLOGY Co.,Ltd. |
|
TR01 | Transfer of patent right |