1556人阅读
Android闲谈（62）
Android TV端应用程序的开发时，在聚焦效果上往往是将图标发大并且凸显到最上层来显示，如下图的效果。
该聚焦凸显效果有两种可行的实现方案，不过太麻烦了。
1）全两层布局，所谓全两层布局，就是图标显示层和聚焦凸显层分开，他们是完全重叠的两层。这种方式在程序上是非常不好办的，既要实现焦点转换又要实现上层凸显控件的消失或不消失状态，状态和逻辑都非常复杂。
2）部分两层布局，所谓部分两层布局，就是底层放需要呈现的图标，上层就只有2个可移动的图标，底层哪个图标获取了焦点，那么上层的焦点发大图标就马上在获取焦点上层显示并带动画，失去焦点时，焦点缩小图标就开始动画。如此反复，这个逻辑比较第一种是要简单很多。
简单的方案：
偶然间看SDK API时看到View.bringToFront()方法，就突发激动，并且认证了它。看来多看API才是王道。
如果不调用View.bringToFront()的话，将会是如下的结果：
可以看出，这个ImageView被左右的ImageView遮挡了，并不是在最上层。
如果加上View.bringToFront()之后，就会浮现在最上层了。
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：163745次
积分：2748
积分：2748
排名：第13050名
原创：102篇
转载：11篇
评论：68条
(1)(1)(2)(4)(3)(2)(1)(2)(16)(1)(8)(6)(6)(3)(4)(2)(7)(2)(3)(4)(12)(9)(2)(5)(2)(5)如何实现手机与电视多屏互动？六种方法教学_电视之家
如何实现手机与电视多屏互动？六种方法教学
目前很多智能电视都可以通过手机来实现操作，进行“多屏互动”功能，例如用手机对电视进行换台、加减音、播放视频等。下面教大家6种手机与电视多屏互动的方法，感兴趣的朋友不请往下了解。
很多朋友都想将手机屏幕推送到智能电视上，或用手机对电视进行控制，但是却不知道如何操作，下面就来总结下一些手机投屏电视的方法。
Mini HDMI/MHL
Mini HDMI就是缩小版的HDMI接口，和标准HDMI一样都是19针。MHL可简单认为是HDMI的变种，只有5个Pin，所以他和手机上的微型USB可以共用一个接口。现在有不少手机具备Mini HDMI/MHL接口，只要将手机通过HDMI转换线连接到电视上，即可将手机画面同步显示在电视屏幕上。
此种方式的最大好处就是画面能很好的同步，即使1080P格式也能无损传输。但不方便的就是有线的束缚。另外，带HDMI输出的手机也并不多。所以此种方法仅作了解不做详细介绍，也不建议大家使用。
DLNA，Digital Living Network Alliance，是索尼、英特尔、微软等发起的一套PC、移动设备、消费电器之间互联互通的协议。它们的宗旨是“随时随地享受音乐、照片和视频”。安卓系统部分播放器就具备DLNA功能，例如腾讯视频，搜狐视频，迅雷看看就有这功能。可以将原来应该在手机屏幕的影片转移到超级电视或者乐视盒子端显示。
注意：需要手机支持DLNA功能，并且需要将手机和超级电视置于同一局域网络。
下面以腾讯视频为例，演示DLNA如何使用。
1. 手机和超级电视处于同一局域网内。将超级电视的“多屏互动”功能开启。该选项在“设置”--& "系统”--&“多屏互动”。
2. 打开手机上的“腾讯视频”应用，进入“设置”菜单，将“开启DLNA”勾选。
3. 手机播放视频时，轻触屏幕呼出播放控制菜单，点击红圈处DLNA图标。
4. 在弹出的设备选择窗口中，列出了当前周边的DLNA设备，根据需要选择投屏的设备。
5. 确认设备后还会弹出一个控制界面，显示当前正在缓冲视频。按下“播放”键，即可将视频内容置于超级电视端播放。
6. 在超级电视端视频播放过程中，可在手机端拖动进度条调节播放进度，以及完成暂停，静音等控制。
AirPlay 是苹果开发的一种无线技术，可以通过WiFi将iOS 设备上的包括图片、音频、视频通过无线的方式传输到支持AirPlay 设备。另外，AirPlay具备与DLNA所没有的镜像功能，可将iPhone 或iPad 上的画面无线传输到电视上，也就是说你设备显示的是什么，电视屏幕显示就就是什么，而不仅限于图片和视频。你可以拿着iPad 来当做方向盘，然后看着大屏玩游戏。支持AirPlay功能的相关设备，分别是iPhone4S，iPhone5，iPhone5c，iPhone5s，iPad2以及后面的更新机型，还有iPad mini和iPad mini2以及iPod touch5。
Miracast是由Wi-Fi联盟于2012年所制定，以Wi-Fi直连为基础的无线显示标准。支持此标准的设备可通过无线方式分享视频画面，例如手机可通过Miracast将影片或照片直接在电视或其他装置播放而无需受到连接线缆长度的影响。与DLNA不同的是，Miracast 也有类似于AirPlay 的镜像功能，可以将手机中屏幕内容直接投放到超级电视屏幕上，这样你也可以通过电视屏幕来玩游戏了。
进入超级电视设置菜单，找到Miracast项目，确认后进行设置。
将Miracast设置为“开启”。此时超级电视进入2分钟倒计时，以便附近设备检测到。
打开手机设置菜单，进入“显示”设置页面，选择“投射屏幕”项目。将“投射屏幕”开关开启。手机即开始搜索显示设备。点击搜索到的设备名称即可进行Miracast连接。
& & & 连接成功后，手机桌面就同步显示到了超级电视上，瞬间就让你拥有了一个超级大屏手机。这下玩游戏，看电影一点都不会觉得累了。
多屏看看是乐视超级电视内置的一款应用，功能还是很强大的。除了提供在线影视，直播节目，本地资源及家庭网络资源播放，还能充当遥控器实现对超级电视的操控，同时同屏功能也能将电视画面和声音回传到手机端。这里我们主要讲的是将手机内容投射到电视屏幕，其他功能后续介绍。
1. 确认手机和超级电视处于同一局域网内。将超级电视的“多屏互动”功能开启。该选项在“设置”--& "系统”--&“多屏互动”。
& & & 2. 在手机上安装多屏看看客户端。打开多屏看看，点击左上角红圈处，再弹开的菜单项中选择“电视列表”。随即会对周边的显示设备进行自动扫描检测，检测到可用的显示设备后，会在列表中显示出设备的名称。
3. 在播放“在线影视”，“直播节目”，"本地资源”等资源时，点击播放界面中红圈所示图标，即可将当前手机画面推送到电视屏幕上。
乐视视频移动客户端
乐视视频移动客户端是乐视网推出的移动视频APP。片源最全涵盖欧美，日韩，港台等多个地区，囊括影视，动漫，咨询等多个方面。全网搜索，无限下载。并可收看数十家电视台直播节目。只要用同一帐号登录手机和电视，即可将手机端视频推送到电视屏幕。
下面是具体的操作过程：
1. 打开手机上安装的乐视视频移动客户端，选择好需要观看的视频。方法一：轻触屏幕，将弹出控制菜单，点击红圈处“超级电视”。方法二：双指一起在手机屏幕向上滑过即可完成推送。
&2. 在弹出的菜单上选择“将视频推送到超级电视”，一会超级电视的屏幕上就会弹出一个确认菜单，点击确认后，就可以在电视上观看手机端推送过来的节目了。
介绍了这么多手机推屏的玩法，大家看的是不是有些晕了，到底我用哪种好呢？我们再来总结一下。
【Mini HDMI/MHL】
条件：具备Mini HDMI/MHL接口的手机。Mini HDMI/MHL视频转换线。
优势：设置简单。传输无损耗，画面同步。
不足：需要购置相关的视频转换线，做硬件连接，不方便移动。手机选择余地小。
条件：需要手机和电视支持DLNA协议，手机和电视需要在统一局域网内。超级电视需要将"多屏互动"设置为“开启”。
优势：通过无线连接，不受约束。
不足：无法将手机桌面推送到电视，画面不同步。
注意：最好先将超级电视的"多屏互动"开启，然后在启动手机DLNA相关应用，这样才容易在手机端识别到电视设备。否则需要重启手机DLNA应用才能识别到电视设备。
【Airplay】
条件：需要手机和电视支持Airplay协议，手机和电视需要在统一局域网内。
优势：通过无线连接，不受约束。支持镜像操作。
不足：与 ANDROID 系统适配不够稳定
【Miracast】
条件：需要手机和电视支持Miracast协议，手机和电视需要在统一局域网内。超级电视需要将"Miracast"设置为“开启”。
优势：通过无线连接，不受约束。画面同步。
不足：电视端不能调整图像模式，手机画面和电视画面色差明显。
【多屏看看】
条件：需要手机和电视需要在统一局域网内，超级电视需要将"多屏互动"设置为“开启”。
优势：通过无线连接，不受约束。还有遥控器，滑鼠功能。
不足：无法将手机桌面推送到电视，画面不同步。
【乐视视频手机客户端】
条件：需要手机和电视使用同一帐号登录。不需设置超级电视的"多屏互动"和“Miracast”功能。
优势：可以不受同一局域网限制，只要手机和电视使用同一帐号登录即可。
不足：无法将手机桌面推送到电视，画面不同步。
通过以上方式手机画面就可以完全投射到超级电视端，电视俨然成了一部超大屏的手机，这样玩手机游戏那就超爽了。
声明：电视之家转载稿件，不代表本站观点，有异议请联系我们；
关注电视之家微信号扫描加关注，爱奇艺会员每天免费拿！有钱任性，电视之家就是这么大方！
电视之家内部福利群进群交朋友、抢红包、赢大奖！它给不了你一切，但是它给的你一定都爱！
大家都在看
一款可以用遥控器轻松驾驭的RPG游戏。
轻松休闲的横版射击类游戏。
中国第一款真正的电视棋牌斗地主。
西方魔幻风格为背景的战斗类卡牌游戏
全球首款线上俱乐部模式德州扑克。简单快捷
一款可以用遥控器轻松驾驭的RPG游戏。Android TV开发总结（五）TV上屏幕适配总结
时间： 18:25:10
&&&& 阅读：487
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&前言：前面几篇总结一些TV上的小Sample，开源到GitHub:, 点击链接，可以持续关注。今天总结下TV上屏幕适配.：看下Agenda:一、屏幕适配的一些背景知识二、TV屏幕适配怎么适配？有哪些规则？三、多屏幕适配，android读取res/drawable优先级是什么？四、屏幕分辨率及density 、densityDpi代码一、屏幕适配的一些背景知识介绍几个在Android屏幕适配上非常重要的名词：1什么是屏幕尺寸、屏幕分辨率、屏幕像素密度？屏幕尺寸是指屏幕对角线的长度。单位是英寸，1英寸=2.54厘米；屏幕分辨率是指在横纵向上的像素点数，单位是px，1px=1像素点，一般是纵向像素横向像素，如；屏幕像素密度是指每英寸上的像素点数，单位是dpi，即“dot per inch”的缩写，像素密度和屏幕尺寸和屏幕分辨率有关。例如：计算Nexus5的屏幕像素密度：屏幕尺寸：4.95inch、分辨率：，屏幕像素密度：445& & & &和官方给出的一样，说明我们计算正确。2什么是dp、dip、dpi、sp、px？之间的关系是什么？dip：Density Independent Pixels（密度无关像素）的缩写。以160dpi为基准，1dp=1pxdp：同dipdpi：屏幕像素密度的单位，“dot per inch”的缩写px：像素，物理上的绝对单位sp：Scale-Independent Pixels的缩写，可以根据文字大小首选项自动进行缩放。Google推荐我们使用12sp以上的大小，通常可以使用12sp，14sp，18sp，22sp，最好不要使用奇数和小数。说明：如果A设备的参数为480×320，160dpi，B设置的参数为800×480，240dpi。我们要画出一条和屏幕宽度一样长的直线，如果使用px作为单位，必须在A设备上设置为320px，在B设备上设置480px。但是如果我们使用dp作为单位，由于以160dpi为基准，1dp=1px，所以A设备上设置为320dp就等于屏幕宽度（320px），在B设备上设置为320dp就等于320×（240/160）=480px，即B设备的屏幕宽度。这样，使用dp作为单位就可以实现简单的屏幕适配。这知识一种巧合，也有B设备的像素密度不是这样刚刚好的，就需要我们运用别的屏幕适配技术。3什么是mdpi、hdpi、xdpi、xxdpi、xxxdpi？如何计算和区分？用于区分不同的像素密度。在Google官方开发文档中，说明了&mdpi：hdpi：xhdpi：xxhdpi：xxxhdpi=2：3：4：6：8&的尺寸比例进行缩放。例如，一个图标的大小为48×48dp，表示在mdpi上，实际大小为48×48px，在hdpi像素密度上，实际尺寸为mdpi上的1.5倍，即72×72px，以此类推。二、TV屏幕适配怎么适配？有哪些规则？先看下一些盒子的分辨率屏幕密度值未列入其中，第二栏的说明最后的值，就是通过在不同分辨率下，屏幕密度值不同，得到的不同结果，可以看到同样是的盒子，由于屏幕密度值不同，对得到的dpi不同。于是就有了这种适配，在此之前，无论是做Android TV开发，还是做phone端开发，永远不要迷信大家说的万能适配，对于图片之类的素材，根本没有所谓的捷径。所以要了解，当apk，运行在android系统中时，系统是如何读取各drawable的先后顺序的。以之前奇葩的小米2代为例，相比正常的盒子英菲克I9，同样，dpi一个是160，一个是213dpi，当图片放到hdpi下，发现在小米2代，图片永远显示不正常。三、多屏幕适配，android读取res/drawable优先级是什么？以下是我的总结（按读取优先级顺序排列）：1.语言（zh-rCN）&2.smallestWidth最短可用宽度(与屏幕方向无关) &3.available&width（w-&N&dp）（与屏幕方向有关）&4.values/drawable-&5. drawable-213dpi6. ldpi/mdpi/hdpi/xhdpi/xxhdpi说明：对于第一项：可以看到先从语言类开始读取，如果做国际化的，可以关注此项，第1项暂时不看。对于第二项：就是values-sw540dp，诸如此类，sw代表最短可用宽度，注意，是和屏幕方向无关，如一个分辨率为，sw就是720，假设它的density(屏幕密度)为2，通过公式720/2=360, 这个360就是densityDpi（屏幕密度DPI），所以，在适配时，用values-sw360dp，适配就行了。那问题来了，drawable要不要这样呢？对于文章开头那个表格，360dp是属于xxhdpi，所以把图放到对应有xxhdpi就能完成适配。对于第三项：诸如values-w540dp/values-h，这种是有和屏幕方向有关，第一个后缀w&N&dp&如layout-w600dp, values-w600dp带这样后缀的资源文件的资源文件制定了屏幕宽度的大于Ndp的情况下使用该资源文件，但它和sw&N&dp不同的是，当屏幕横向纵向切换时，屏幕的宽度是变化的，以变化后的宽度来与N相比，看是否使用此资源文件下的资源。第二个后缀h&N&dp&如layout-h600dp, values-h600dp这个后缀的使用方式和w&N&dp一样，随着屏幕横纵向的变化，屏幕高度也会变化，根据变化后的高度值来判断是否使用h&N&dp ，但这种方式很少使用，因为屏幕在纵向上通常能够滚动导致长度变化，不像宽度那样基本固定，因为这个方法灵活性不是很好，google官方文档建议尽量少使用这种方式。第四项，是指写死对应的分辨率，android碎片化严重的情况下，显然不可取第五项，这个就是为解决同一分辨率下，不同的density引起的适配问题。如上面的小米2代解决方案，最后就是加上这个资源目录，换了一个图（图片比原来小），问题解决。第六项，就是平时经常用到的，通常是这种方法不能解决适配的需要时，才配合前面的几种一起使用解决适配问题。四、屏幕分辨率及density&、densityDpi代码 mText = (TextView) findViewById(R.id.text);& & & & DisplayMetrics metric = new DisplayMetrics();& & & & getWindowManager().getDefaultDisplay().getMetrics(metric);& & & & int width = metric.widthP &// 屏幕宽度（像素）& & & & int height = metric.heightP &// 屏幕高度（像素）& & & & float density = metric. &// 屏幕密度（0.75 / 1.0 / 1.5）& & & & int densityDpi = metric.densityD &// 屏幕密度DPI（120 / 160 / 240）& & & & String info = &手机型号: & + android.os.Build.MODEL + &,\nSDK版本:& &&& & & & & & & & + android.os.Build.VERSION.SDK + &,\n系统版本:& &&& & & & & & & & + android.os.Build.VERSION.RELEASE &+ &\n屏幕宽度（像素）: & & & & & & & & & & & & +width + &\n屏幕高度（像素）: & + height + &\n屏幕密度: &&& & & & & & & & & & & & & & & +density+&\n屏幕密度DPI: &+densityD& & & & Log.d(&system Enviriment&, info);& & & & mText.setText(info);第一时间获得博客更新提醒，以及更多android干货，源码分析，欢迎关注我的微信公众号，扫一扫下方二维码或者长按识别二维码，即可关注标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&国之画&&&& &&&&chrome插件
版权所有 京ICP备号-2
迷上了代码！您所在的位置： &
Android TV 背后的技术，打造更符合客厅的应用
Android TV 背后的技术，打造更符合客厅的应用
Android TV背后的技术,Google想用更大胆的方式打造更符合客厅的应用。Google 在通过允许内容提供商切换到自己应用的方式，甚至将 Google 还打算将两种方法结合起来，不光列出 Google 推荐的结果，还会为用户提供切换到内容商应用的路径。
前两天，The Verge曾曝出一份关于Android TV的独家资料，据 Google 的描述，这款机顶盒产品将是&一个娱乐终端，而不是计算平台&。这个基于 Android 的新平台，将会鼓励开发者们去为一个&极简的机顶盒界面&构建&极简的配套应用&。
虽说还有很多这款机顶盒相关设备信息并未被曝出，但无论从完成度还是 The Verge 所获的消息来看，基本可以确定 Android TV 是真的存在。那 Android TV 有什么与众不同之处？
像内容目录，而不是应用
为什么要这么做？其实我们可以关注一下当下用户在智能电视上的体验：在大多数设备上，应用开发商在其应用外观及界面的设计上（大部分情况下）有着很高的自 主权，这就使得应用图标以及界面风格和 YouTube 的就有很大不同，各个应用都有着很强的辨识度。
但 Google 却貌似并不愿意给应用开发商这个自由。有消息称，Google
试图通过标准化的模板将用户界面统一起来。内容提供商将不必再提供其自己的界面，而只是将内容流提供给 Android TV
即可。比如电影标题和封面将会在 Android TV
中以统一的风格展示，而用户的体验将会是打开了一个大内容目录中的小目录，而不是打开了一个完全不同的新应用。
498)this.width=498;' onmousewheel = 'javascript:return big(this)' width="480" height="267" src="/wyfs02/M00/23/D3/wKiom1NErOrgdd40AABPYnthV9Y867.jpg" alt="" />
最终目标：让应用中的内容更易获取
这将会带来很明显的优势，它将允许用户以同样的方式在每个应用中使用遥控器操作，而在应用中部署新功能也将更为方便。但更大的优势是，这么做将会让
Google 能直接访问每个应用内的内容信息。要知道 Google 一直以来都在推动着应用内搜索技术，而 Android TV
所尝试的应用构建模式也将有助于智能电视内的内容搜索。
更值得关注的是，这样的方式还能有更大的作用，因为获取的数据是结构化的，这就使得平台不仅能知道每个视频的来源，还能知道视频的内容类别，甚至还能知道电视剧中哪几集属于同一季。
这所有的信息能帮助 Google
去构建一个更智能的通用搜索功能，它能直接将应用中的内容单独提出并呈现出来，还能通过交叉引用给出更智能的推荐。之前有内容提供商尝试过自己解决这个问题。但通过这新模式，Google 甚至还能在用户看完 Hulu Plus 的某个节目后推荐其他某个相关节目。
现实很骨感：内容商可能不买账
内容提供商真的想要这样么？已经花了大手笔去搭建自己的内容推荐算法及用户界面的内容提供商，和一些对这种 Google 所谓的新模式所能带来利益有疑虑的内容提供商，可能都不会买账。
有消息称 Google 在通过允许内容提供商切换到自己应用的方式，甚至将 Google 还打算将两种方法结合起来，不光列出 Google
推荐的结果，还会为用户提供切换到内容商应用的路径。要知道，Google 不可能推出一款没有像 Netflix 和 Hulu
这样的大牌公司合作的产品，而这就意味着 Google 将不得不做出很多妥协，导致产品最终就和现在已有的苹果，Roku 还有 Amazon
等公司的产品大同小异了。
[本文参考以下来源：]
【编辑推荐】
【责任编辑： TEL：（010）】
关于&&&&的更多文章
网络产业经历最近十年来的快速发展，已经根深叶茂、蔚然成林。20
随着云计算、物联网、大数据、移动互联网的大发展，你应该知道这些。
2013年手机游戏大火，但随着很多人涌入进来，同质化和
写给开发人员――苹果的最新一代移动操作系统已经正式
大家有木有感觉很奇怪呢，现在都12月份了，北京还没下
本书全面介绍了Ubuntu Linux的相关知识，内容详实，论述清晰。主要内容包括Ubuntu介绍、文件系统管理、进程管理、压缩与查询
Windows Phone专家
Android开发专家
51CTO旗下网站1898人阅读
Android TV（1）
应用UE/UI设计指南
version1.0 in
By huan UED
通过简约的界面设计，清除人与机器的隔阂，将轻松带入生活。一个符合用户的交互界面在更好的展现产品同时，亦能为用户带来不一样的华丽体验。
通过统一的标准诠释，降低用户对于界面设计元素的理解难度，提高可用性。
一．& &&整体布局
TV设备的分辨率为720P，16:9的显示比例，即1280px*720px，在设计中，主体内容与屏幕边缘需要保留至少30-50px的空余，不宜太满。如图：
基于电视端的简洁性原则，在产品的设计上通常不会考虑三栏或者三栏以上的布局方式。多以两栏布局为主，上下或者左右可以自由设计；通栏的布局通常以网站主导航为主要元素，清晰展现产品内容形式，点击进入后层层展开
简洁的结构让用户能够更快速的找到自己想要的内容与服务。在不失简洁的情况下，内容的布置上灵活多变。
二．& &&字体及字号
内容性文字在设备端默认显示为黑体。
字号方面，通常的内容名称字号不小于24px。栏目标题不小于32px。提示性文字可控制在18-20px为宜。
三．& &&颜色&
1，焦点，选中状态下的颜色：
深色为主，要求可以清晰辨认产品内容，方便用户的操作。不会因为大面积的高亮度色彩给用户造成视觉疲劳。
四．& &&焦点原则及样式
突出的焦点样式可以更好的聚焦当前的操作状态。起到很好的指示作用，是影响用户使用产品时是否流畅的一个重要因素。
在焦点的处理上需要注意以下几点：
1，&&色彩上与背景和其它元素有明显的差异；
2，&&圆角表现
文字的各种状态呈现：
按钮的各种状态呈现：
图片的焦点状态呈现：
五．& &&图标
以简洁的图标方式并配以简短文字展现栏目特性
此处强调的是不同应用环境下的易用性、可识别性。
六．& &&弹出框样式及位置
提示框在整个界面中上下居中。文字为24px。
针对不同的提示状况，需选择不同的图标以精准表达提示意图。
无需确认的提示框出现3秒后，自动消失
需要用户确认的提示框，焦点需默认在选择按钮上。
所有提示框需要有较强的识别性，文字精简。在视觉上需要与整体界面有明显的区分。
七．& &&APP ICON
128px*128px
规范常用的UE规范，使得电视端的体验统一，不断完善和改进的用户体验，为用户提供更好、更方便的体验服务
一．& &&遥控器按键功能
主要作用为选取确认，激活选取框。
主要作用为移动焦点，选择目标等
在TV端，焦点的移动原则为就近原则
主要作用为返回上一级页面，如果当前页为首页，则返回键将呼出退出确认框
主要作用为呼出系统菜单，不建议在产品设计中使用
5，子菜单键
主要作用为呼出产品的菜单栏，用于辅助产品的功能性扩展选择
主要作用为电视端的音量调整，不建议在产品设计中使用
二．& &&默认焦点位置
焦点的位置能清除表明产品的业务从哪里开始的。
系统默认的焦点位置是屏幕中最上面最左边的链接。产品设计中可以自由定义。
三．& &&导航
导航设计对提供丰富友好的用户体验有至关重要的地位，简单直观的导航不仅能提高产品的易用性，更能精准表达产品信息。
业务逻辑层级通常不超过三层。导航需要清晰明了。
需要突出导航区域，则应该与其他的内容在视觉上有所区别。
如果因为内容过多需要子导航时，要让用户容易地分辨出哪个是主导航条，哪个是某主题的子导航条
四．& &&翻页方式
每一个内容页面必须提供明确的翻页指示。如图：
或者将未显示全的图片展示出来，明确告诉用户还有内容：
通常不建议使用上一页下一页的翻页方式，而造成用户在操作上的负担。
当页面内容为整屏翻页时，必须明确显示当前页所处的位置，页码多时，不要一次把所有页码都显示出来。如图
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：354803次
积分：4511
积分：4511
排名：第6536名
原创：45篇
转载：225篇
评论：46条
(2)(1)(4)(9)(13)(8)(26)(4)(25)(11)(14)(10)(7)(33)(26)(23)(8)(16)(22)(8)