首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Human Interface Guidelines —— Split Views

Human Interface Guidelines —— Split Views

作者头像
霖酱
发布于 2018-05-17 02:28:10
发布于 2018-05-17 02:28:10
8930
举报

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

Split Views

Human Interface Guidelines链接:Split Views

Split Views

Split View管理两个并排的内容窗格的呈现,主窗格中内容保持不变,辅助窗格中包含相关信息。

 每个窗格可以包含各种元素,包括 navigation bars,toolbars,tab bars,tables,collections,images,maps 和自定义视图。 Split View通常用于可过滤的内容;主窗格中将显示类别列表,并且所选类别的过滤结果将显示在辅助窗格中。 

如果app需要,主窗格可以覆盖次窗格,并且主窗格可以在不使用时隐藏在屏幕外。 这在设备处于纵向时特别有用,因为它可以在辅助窗格中查看更多内容。

使用时注意

·选择适合您内容的 split view 的布局

默认情况下, split view 将屏幕的三分之一用于主窗格,三分之二用于次窗格。屏幕也可以均分为两部分。根据您的内容选择合适的分隔方式,并确保窗格不会显得不平衡。避免创建比主窗格更窄的辅助窗格。

·持续突出显示主窗格中的活动选择

尽管辅助窗格的内容可以更改,但它应始终对应主窗格中的一个明确可识别的选择。这有助于人们理解窗格之间的关系。

·通常,将导航限制在 split view 的一侧

将导航放置在 split view 的两个窗格中使得人们难以找到方向,也难以辨别两个窗格之间的关系。

·提供多种方式来访问隐藏的主窗格

在主窗格可能不在屏幕上的布局中,请务必提供一个按钮(通常位于导航栏中)来显示主窗格。同时,让用户可以从屏幕的侧面轻扫访问主窗格,除非app需要使用轻扫手势来执行其他功能。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.05.16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
有手就行?从0开始一步步教你搭建自己的网站(全篇7000字、102张截图说明,力求每个人看完都能做到)
这篇文章我花了两天的时间,全篇7000字,102张截图说明,精细到每一次点击、每一个输入说明
浩说编程
2021/12/18
3.5K0
有手就行?从0开始一步步教你搭建自己的网站(全篇7000字、102张截图说明,力求每个人看完都能做到)
零基础搭建WordPress博客全流程指南!
2.1 点击「网站」-「添加站点」,填写已解析到服务器的域名,数据库选择「MySQL」,设置数据库账号密码。
云惑雨问
2025/03/24
2320
零基础搭建WordPress博客全流程指南!
小白安装Discuz!Q教程,学不会你过来打我!
你知道吗?小白也可以安装Discuz!Q啦!你不需要敲代码也不用懂太多的技术,严格按照下面的安装教程操作,就可以成功安装上Discuz!Q。 在开始之前,我们先来了解一下,安装Discuz!Q的两大要素是:域名和服务器。简单来说,域名是用来打开网站的大门,在浏览器上输入域名,你就能打开相应的网页;而云服务器则是一个用来存放网站内容的地方。 当然,想要让别人正常访问你搭建的站点,你需要给网站做备案;想要使用域名打开相应的站点,你需要将域名解析到对应的IP地址;想要在浏览器上安全访问你的站点,你还需要安装SS
腾讯云DNSPod团队
2020/06/28
10.5K3
【原创教程】夏末浅笑教你如何利用宝塔面板安装Discuz!Q
在开始之前,我们先来了解一下,安装Discuz!Q的两大要素是:域名和服务器。简单来说,域名是用来打开网站的大门,在浏览器上输入域名,你就能打开相应的网页;而云服务器则是一个用来存放网站内容的地方。
夏末浅笑
2020/06/20
4.3K0
【原创教程】夏末浅笑教你如何利用宝塔面板安装Discuz!Q
WordPress零基础新手建站完整教程
WordPress主题:选择一款合适的WordPress主题,免费的,付费的都有不错的。
青梅煮码
2023/01/12
1.1K1
【玩转腾讯云】基于serverless搭建wordpress详细教程及配置体验
serverless中的server是服务器的意思,less是没有的意思,顾名思义也就是无服务器
炒香菇的书呆子
2021/05/03
12K12
腾讯云:基于腾讯云搭建WordPress(领取腾讯云优惠券)
连接你的服务器(很多人比较纠结,Linux系统不懂怎么办,这个教程不需要你懂Linux都能操作),需要下载一个软件,putty,putty是Linux链接工具,百度搜索一下
主机优惠教程
2019/03/27
105.8K0
腾讯云:基于腾讯云搭建WordPress(领取腾讯云优惠券)
腾讯云搭建WordPress网站教程详解
建网站本身是没有什么难度的,只是配套需要的东西有些繁琐,我们需要提前准备一些软件之类的必备的东西,其中主要包括:
主机精选@主机点评
2019/09/19
8.9K0
腾讯云搭建WordPress网站(图文教程)
建网站本身是没有什么难度的,只是配套需要的东西有些繁琐,我们需要提前准备一些软件之类的必备的东西,其中主要包括:
用户2416682
2019/11/02
5.1K0
腾讯云搭建WordPress网站(图文教程)
写给小白,从零开始拥有一个酷炫上线的网站!
两个网站都是基于宝塔进行搭建的,cxyxiaowu 是 WordPress 网站系统,algomooc 是 Halo 动态博客系统。
五分钟学算法
2020/04/22
2.4K0
写给小白,从零开始拥有一个酷炫上线的网站!
零基础的萌新搭建属于自己的Typecho/WordPress等博客教程
说明:一直以来老有同学问博主怎么搭建博客,最好出个教程,然后就拖到了现在,这里就发个超小白教程,适合对建站不懂又想拥有一个自己的博客的同学,有闲置的VPS服务器的也可以搭建玩玩,不然就很浪费了。
子润先生
2021/06/01
1.4K0
如何使用Cloudways搭建WordPress网站
如今,搭建网站已经变得非常简单,这主要得益于开源的CMS建站系统的兴起。即使是不懂编程的人也能轻松搭建自己的网站,这些CMS系统提供了丰富的主题模板和插件,使用户可以通过简单的拖放和配置操作来建立自己的网站。
无代码Dev
2024/05/27
3090
如何使用Cloudways搭建WordPress网站
腾讯云轻量应用服务器配置及建网站教程
腾讯云轻量应用服务器如何使用?新手站长以搭建WordPress为例,使用宝塔镜像,先在防火墙开通端口。腾讯云百科来详细说下腾讯云服务器从购买、配置到网站上线全流程,包括轻量服务器配置选择、应用镜像选择、重置密码、防火墙开放端口教程等详细教程:
用户9264446
2022/08/10
9.6K0
腾讯云轻量应用服务器配置及建网站教程
5分钟玩转Lighthouse|零基础也能拥有WordPress个人博客
【5分钟玩转Lighthouse】系列文章将为大家分享轻量应用服务器使用教程,提供丰富的实践指南,帮助大家快速上手并获得最佳产品体验。本期主要介绍如何借力 Lighthouse 实例,快速搭建基于 WordPress 的个人博客网站。 背景概述 腾讯云轻量应用服务器 Lighthouse 是新一代面向中小企业及开发者的云服务器产品,简单易用,一站式融合多款云服务,能帮助用户在云端快速构建网站、博客、电商、论坛等各类应用以及各类开发测试环境。 WordPress 作为全球最流行的开源博客和内容管理网站的
腾讯云计算产品团队
2020/09/25
2.6K1
不会建站?10分钟教你零基础快速搭建个人网站!
轻量应用服务器(Light server)是一种内置应用型镜像或系统型镜像的小规格云服务器, 绑定适配大小的磁盘和带宽,为中小型企业和个人用户提供官网搭建、web应用搭建、云上学习和测试等场景的服务。
网络安全自修室
2022/12/06
2.6K0
不会建站?10分钟教你零基础快速搭建个人网站!
【干货】保姆级超细教程从购买服务器到网站搭建成功!
云服务器(Elastic Compute Service, ECS)是一种简单高效、安全可靠、处理能力可弹性伸缩的计算服务。其管理方式比物理服务器更简单高效。用户无需提前购买硬件,即可迅速创建或释放任意多台云服务器。
释然IT杂谈
2022/10/27
5K0
【干货】保姆级超细教程从购买服务器到网站搭建成功!
腾讯云Linux服务器搭建一个WordPress博客
看到网络上很多人买了腾讯云服务器后却不知道怎么搭建WordPress博客,看了一下腾讯云出的WordPress教程,我觉得对新手来说难度还是太大了,所以就根据自己的建站经历写了一篇,本文采用腾讯云服务器CVM+宝塔管理面板+WordPress的方式搭建,力求简单易懂,希望能帮助到需要的朋友们。
主机优惠教程
2019/05/28
18.1K3
腾讯云Linux服务器搭建一个WordPress博客
利用云服务器搭建网站教程
进入到了腾讯云界面,我们输入我们想注册的域名,然后查询,如果我们想要的域名没有被注册的话,我们就可以注册一个,各个后缀价格不同,看自己喜好。域名注册完成之后需要进行实名认证,腾讯云的速度的话我这里是几分钟就实名认证审核通过了,速度还是蛮快的.
Chuanrui 初见之旅
2022/11/14
5K0
利用云服务器搭建网站教程
【图文】腾讯云服务器搭建网站教程(宝塔面板+wordpress)
建网站本身是没有什么难度的,只是配套需要的东西有些繁琐,我们需要提前准备一些软件之类的必备的东西,其中主要包括:
云上云
2019/07/02
10.5K2
【图文】腾讯云服务器搭建网站教程(宝塔面板+wordpress)
我的Serverless实战—基于Serverless搭建WordPress个人博客图文教程
serverless中的server是服务器的意思,less是没有的意思,顾名思义也就是无服务器
炒香菇的书呆子
2021/05/06
1.9K0
推荐阅读
相关推荐
有手就行?从0开始一步步教你搭建自己的网站(全篇7000字、102张截图说明,力求每个人看完都能做到)
更多 >
交个朋友
加入腾讯云官网粉丝站
蹲全网底价单品 享第一手活动信息
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档