神武2 100副本:图片轮播控件 Carousel Controls

来源：百度文库编辑：偶看新闻时间：2024/04/27 19:39:53

名词定义： - 图片： 字面意为图画﹑照片﹑拓片等的统称。在当前互联网业内，从展现的形式上看，可以简单的分为静态和动态两种； - 轮播： 中文字面：“轮播”，顾名思义，指轮流播放；英文字面：“Carousel”包含有“旋转传送带”的释义；在当前的互联网业内，“轮播”通常被用来指代“广告轮播”，即在某一个广告位同一时间段内会有N个广告轮流播放，第一个出现的广告是随机的，每刷新一次都会换一个广告，以此类推，从而保证每一个广告的出现次数基本相同。 - 图片轮播控件： 从UI的角度来看，图片轮播控件是指在特定的区域内，以某种约定规则或机制，实现多张图片轮流播放的一种屏幕界面交互对象； - 我们的建议：在页面设计中，针对考虑引用图片的区域，如果设计师有达成以下目标的时候，可以考虑采用图片轮播控件： 1）提升单位面积利用率； 2）丰富单位面积下的展示信息； 3）增加用户操作趣味性； ·展现形式： 从展现形式上看，目前主流的图片轮播控件大致可以分为以下几种： 1）幻灯片模式：在控件区域内，以类似幻灯片的样式轮流播放图片，仅展示或重点突出展示一张图片；

（参考站点）

（参考站点） 2）长胶带模式：当前控件区域内，类似拉拽长条胶带效果，进行多图片的同时展示；

（参考站点）

（参考站点） ·交互形式： 从交互层面上看，目前主流的图片轮播控件大致分为以下几种： 1）全自动展示：不需要人为控制，由系统根据设定的展示逻辑顺序播放。

（参考站点）优点：完全根据设计师的想法，将需要的信息按照理想的顺序推销给用户，无需用户操控，用户学习成本很低；缺点：用户属于被动接受的对象，对控件的控制力很弱，很大可能性会存在当前展示信息同用户需求不匹配的情况，造成控件使用效率的降低。考虑到此类的交互形式对用户的非友好性，目前在互联网范围内应用已经很少，少量的现存应用基本都属于广告推广位； 2）全手动展示：完全由用户手动操作，实现用户的自由控制；

（参考站点）优点：除了默认展示页，将选择的权利交给了用户，让用户感觉更多的可控制性，提升了界面对用户的友好性；通常提供用户的控制原件有“翻页符”、“抓取拖动符”、“锚点定位器”等；缺点：当轮播内容蕴涵规则或者顺序的时候，此控件的展示效率不可控； 3）自动兼手动展示：默认情况下控件依照既有逻辑进行自动播放，同时提供用户有效操作的权限；兼具了自动和手动的优点，是目前最常见的图片轮播控件展现形式；

（参考站点） - 我们的建议：在有信息推广倾向的区块，比如广告展示、产品细节展示等，优先选择自动兼手动展示的交互样式；在某些更强调用户主观操作的页面，优先选择全手动展示的交互样式； ·间隔时间控制原则： 针对自动播放中的单图片展示时间控制，并没有精准的时间数据。但从经验上讲，目前主流的做法是根据实际轮播图片的信息容量来决定。在此控件的实际应用中，不建议在单图片上承载过多的信息量，从而避免由于轮播间隔时间过长，降低轮播控件的效率； - 我们的建议：在自动展示阶段，原则上要求页面切换控制在2s以内；在手动展示阶段，原则上要求即时反馈，即最快速的响应用户的操作； ·循环控制原则： 1）全自动模式：在此模式下，原则上要求能做到循环播放效果，在可能的情况下，建议通过间隔时间的不同来描述一次循环的结束和开始； 2）全手动模式：在此模式下，建议不做循环，即在一维方向上，存在终点状态，以方便用户理解、操控； 3）自动兼手动模式：在此模式下，原则上要求保持自动和手动模式的统一，即如果自动模式下的展现为循环，手动模式下也提供与之匹配的循环控制，反之亦然；一般来说，建议此模式下，采用循环的展示、控制样式； ·换页操控原则： 1）线性翻页：在此模式下，通常采用的是通过单向或者多向的翻页符，提供用户控制上下轮播图片的切换，在此类控件中，要求相对的方向符具有可回溯性，翻页采用线性轮转，方便用户记忆和操作；

2）卷轴滚屏：在此模式下，通常使用方向性的控制键来操作图片的卷轴式滚动播放，实现图片的轮播；一般来说，我们要求卷轴式的最新滚动展示位和用户视线的焦点一致，以方便用户的关注和操作；简单来说，卷轴滚屏模式是线性翻页模式的叠加形式表现；

3）精确定位：在此模式下，通常采用定位符，提供用户精确定位、精确播放的操作体验，其常用的定位符包括了缩略图、内容概要、小图标等具有指示性功能的元素；

4）手动拖拽：在此模式下，控件的操作方式为模拟手拖拽地图的感觉，通常情况下，我们以手型光标位置为用户视觉焦点，即用户关注方向和鼠标拖拽方向相反；

怎样制作轮播图片 Cont.Tag cont是什么意思防盗门锁眼 cont:3734194329 cont'd 是什么意思？加拿大区号 cont:2172592743 纪录片剪辑 cont:3703409425 LINKIN PARK CAROUSEL 这首个歌拿张专集里的怎样将控件中的图片打印出来怎样用Data控件连接数据库显示图片 VB 6.0控件保存图片功能 cont'd是什么意思呢？ OBD的含义 cont:1603432456 河南省二专分数线 cont:3372161676 播霸删除后为什么会自动安装控件，怎么能彻底删除 ActiveX 控件问题(看不到掏宝的货品图片) 怎么改变C#中用户控件在工具栏的图片有没有适合server2003的abcUpload的图片上传控件谁知道VB怎么显示网络图片？用什么控件？ vb控件image能加载什么图片文件? 现在如何在picture控件上显示图片? datawindow.net 如何动态改变图片控件的src属性为什么MSN SPACE的图片上传控件会无法下载? inet控件如何获得图片文件的属性