首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

最新iOS设计规范四|3大界面要素:视图(Views)

标题显示在活动视图中的图标下方。短标题最好。标题太长,iOS首先缩小文本,然后如果标题仍然太长直接将其截断。一般来说,请避免在标题中包含你的公司名称或产品名称。 确保活动适合当前上下文。...浮层接近系统浮层,往往效果最好。 需要改变浮层的大小时,提供一个平滑过渡的方案。一些浮层对于相同信息提供了精简视图和扩展视图两种展示方式。...滚动视图的缩放选项被打开,设置比较合适的最大及最小值。例如:放大文本直到一个单一的字符充满整个屏幕,即使其可能对于大部分应用来说是没有意义的。 滚动视图处于页面模式考虑显示页面控制元素。...但不要改变滚动的位置。相反,内容添加到表的开头或结尾,让用户在准备好滚动到它。一些APP在加载新数据时会显示一个加载器,并提供一个直接跳转到该数据的控件。...文本视图可以是任何高度,并可以通过滚动方式显示额外的内容。 默认情况下,文本视图中的文本是左对齐的,并使用黑色的系统字体。如果文本视图可编辑,则在视图内部点击屏幕下方会弹出键盘。 ?

8.4K31

Android中文API——ScrollView

TextView类也有自己的滚动功能,所以不需要使用ScrollView,但是只有两个结合使用,才能保证显示较多内容时候的效率。但只有两者结合使用才可以实现在一个较大的容器中一个文本视图效果。...此方法视图滚动到顶部或者底部,并且焦点置于新的可视区域的最顶部/最底部组件。若没有适合的组件做焦点,当前的ScrollView会收回焦点。...此方法向上或者向下滚动一屏,并且焦点置于新可视区域的最上/最下。如果没有适合的component作为焦点,当前scrollView收回焦点。..., boolean immediate) 组里的某个子视图需要被定位在屏幕的某个矩形范围,调用此方法。... (Rect rect) 计算X方向滚动的总合,以便在屏幕显示视图的完整矩形(或者,若矩形宽度超过屏幕宽度,至少要填满第一个屏幕大小)。

4.5K30
您找到你想要的搜索结果了吗?
是的
没有找到

【Android从零单排系列二十七】《Android视图控件——HorizontalScrollView》

它可以用来展示横向的大量内容,内容超过屏幕宽度,用户可以通过水平滑动来查看隐藏的部分。...嵌套滚动:HorizontalScrollView可以与其他滚动容器(ScrollView)嵌套使用,同时支持水平和垂直滚动。...性能考虑:因为所有子视图都会被加载到内存中,并且在一次性渲染到屏幕上,在添加大量子视图,应注意性能问题。...可选值有"always"(总是显示边界阴影效果)、"never"(永不显示边界阴影效果)和"ifContentScrolls"(仅内容发生滚动显示边界阴影效果)。...android:scrollbars:设置滚动条的显示方式。可选值有"horizontal"(只显示水平滚动条)、"vertical"(只显示垂直滚动条)和"none"(不显示滚动条)。

26610

MacBook Pro最全快捷键指南——高效型选手必备

Mac 处于唤醒状态,按住这个按钮 1.5 秒钟会显示一个对话框,询问您是要睡眠、重新启动还是关机。...Fn–上箭头 Page Up:向上滚动一页。 Fn–下箭头 Page Down:向下滚动一页。 Fn–左箭头 Home:滚动到文稿开头 Fn–右箭头 End:滚动到文稿末尾。...Command–调低亮度 Mac 连接到多个显示打开或关闭显示器镜像功能。 右箭头 打开所选文件夹。这个快捷键仅在列表视图中有效。 左箭头 关闭所选文件夹。这个快捷键仅在列表视图中有效。...按住 Command 键拖 的项目移到其他宗卷或位置。拖移项目指针会随之变化。 按住 Option 键拖 拷贝拖的项目。拖移项目指针会随之变化。...按住 Option-Command 键拖 为拖的项目制作替身。拖移项目指针会随之变化。 按住 Option 键点按开合三角 打开所选文件夹内的所有文件夹。这个快捷键仅在列表视图中有效。

5.7K40

mac全选文字的快捷键_MACBOOK最全快捷键指南

睡眠、退出登录和关机快捷键 电源按钮:按下可打开Mac电源或Mac从睡眠状态唤醒。Mac处于唤醒状态,按住这个按钮1.5秒钟会显示一个对话框,询问您是要睡眠、重新启动还是关机。...Fn-下箭头 Page Down:向下滚动一页。 Fn-左箭头Home:滚动到文稿开头 Fn-右箭头End:滚动到文稿末尾 Command-上箭头插入点移至文稿开头。...Command-调低亮度Mac连接到多个显示打开或关闭显示器镜像功能。 右箭头打开所选文件夹。这个快捷键仅在列表视图中有效 左箭头关闭所选文件夹。...按住 Command键拖的项目移到其他宗卷或位置。拖移项目指针会随之变化。 按住 Option键拖拷贝拖的项目。拖移项目指针会随之变化。...按住 Option- Command键拖为拖的项目制作替身。拖移项目指针会随之变化。 按住 Option键点按开合三角打开所选文件夹内的所有文 件夹。这个快捷键仅在列表视图中有效。

2.2K10

【Android从零单排系列二十六】《Android视图控件——ScrollView》

布局超过屏幕大小时,ScrollView会自动启用滚动功能,用户可以通过滑动屏幕来查看隐藏部分的内容。...ScrollView可以嵌套其他视图组件,例如TextView、ImageView等,以实现滚动展示更多内容。它对于需要显示较长文本、图片或其他可滚动内容的界面非常有用。...设置为true表示内容充满整个ScrollView,默认为false。 android:scrollbars:定义滚动条的显示方式。...常见方法: scrollTo(int x, int y):ScrollView滚动到指定的位置,参数x和y分别代表目标位置的水平和垂直偏移量。...smoothScrollTo(int x, int y):平滑地ScrollView滚动到指定的位置,会有滚动动画效果。

34320

iOS 9人机界面指南(四):UI元素(上) - 腾讯ISUX

使用滚动条效果的时候,当前页面滚动到下一页;而使用翻页效果,页面上会出现一个模拟实体书或笔记本翻页效果的翻页动画 使用页面视图控制器来展示那些线性的内容(比如一个故事的文本),或者是一些可以被自然地拆分成块的内容...当用户在视图中拖拽内容,内容随之滚动;当用户轻扫屏幕,内容快速滚动——直到用户再次触摸屏幕或内容已经到达底部停止。...一般来说,一次只展示一个滚动视图。由于用户滚动屏幕动作幅度经常都会很大,如果在一屏中同时存在不止一个滚动视图,他们很容易会碰到另一个。...每种单元格样式都有最适合展示的信息类型。 重要 从编程角度来说,这些样式应用于单元格中,用以控制表格里每一列的绘制方式。...文本视图: 是一个可定义为任何高度的矩形 内容太多超出视图的边框文本视图支持滚动 支持自定义字体、颜色和对齐方式(默认情况下,文本视图会以左对齐的黑色系统字体显示) 可以支持用户编辑,当用户轻击文本视图内部

10.1K51

Mac下键盘使用

Mac 处于唤醒状态,按住这个按钮 1.5 秒钟会显示一个对话框,询问您是要睡眠、重新启动还是关机。...Fn–上箭头 向上翻页:向上滚动一页。 Fn–下箭头 向下翻页:向下滚动一页。 Fn–左箭头 开头:滚动到文稿开头。 Fn–右箭头 结尾:滚动到文稿末尾。...Command–调低亮度 Mac 连接到多个显示打开或关闭显示器镜像功能。 右箭头 打开所选文件夹。这个快捷键仅在列表视图中有效。 左箭头 关闭所选文件夹。...拖移时按 Command 键 的项目移到其他宗卷或位置。拖移项目指针会随之变化。 拖移时按住 Option 键 拷贝拖的项目。拖移项目指针会随之变化。...拖移时按住 Option-Command 为拖的项目制作替身。拖移项目指针会随之变化。 Option-点按开合三角形 打开所选文件夹内的所有文件夹。这个快捷键仅在列表视图中有效。

2.7K130

Mac快捷键

Fn–下箭头向下翻页:向下滚动一页。Fn–左箭头开头:滚动到文稿开头。Fn–右箭头结尾:滚动到文稿末尾。Command–上箭头插入点移至文稿开头。Command–下箭头插入点移至文稿末尾。...Command-Option-T在当前 Finder 窗口中打开单个标签显示或隐藏工具栏。Command-Option-V移动:剪贴板中的文件从其原始位置移动到当前位置。...viewlocale=zh_CN”>目标显示器模式。Command–调低亮度 Mac 连接到多个显示打开或关闭显示器镜像功能。右箭头打开所选文件夹。此快捷键仅在列表视图中有效。...拖移时按 Command 键的项目移到其他宗卷或位置。拖移项目指针会随之变化。拖移时按 Option 键拷贝拖的项目。拖移项目指针会随之变化。...拖移时按 Command-Option为拖的项目制作替身。拖移项目指针会随之变化。Option-点按伸缩三角形打开所选文件夹内的所有文件夹。此快捷键仅在列表视图中有效。

1.7K20

【盟友分享】vim学习之路-vim基本操作

nG 移动到第n行,或者用:n也可 { 上一段,}下一段 (空行区分) [ 函数开始,]函数结束(c文件有效) % 跳到匹配的括号处 滚屏操作: CTRL-U使文本向下滚动半屏。...相当于显示文本的窗口向上滚半屏。光标所处的行数随滚屏而改变。 CTRL-D使文本向上滚动半屏。相当于显示文本的窗口向下滚半屏。光标所处的行数随滚屏而改变。 CTRL-E使文本向上滚动一行。...CTRL-Y使文本向下滚动一行。光标所处的行数不变。 CTRL-F 向前滚动一整屏。滚动后光标处于第一行。 CTRL-B向后滚动一整屏。滚动后光标处于最后一行。 zz把当前位置处于屏幕的正中央。...zt 把当前位置处于屏幕的顶端。助记:top。 zb 把当前位置处于屏幕的底端。助记:bottom。...后添加外部命令 查找 :/ 在/后添加要查找的内容,进入查找,按n查找下一个,N查找上一个

2K60

UITableView在Flutter中是什么?

前面我们学习了文本、图片和按钮这些基本元素,这些基本元素需要进行排列组合,才能构成我们看到的UI视图。...那么,这些基本元素的排列布局超过屏幕显示尺寸(即超过一屏),我们就需要引入列表控件来展示视图的完整内容,并根据元素的多少进行自适应滚动展示。...不过,这种创建方式要求提前所有子Widget一次性创建好,而不是等到他们真正在屏幕显示的时候才会创建,所以有一个很明显的缺点,就是性能不好。因此,这种方式仅适用于列表中含有少量元素的场景。...列表滚动到相应位置,ListView会调用该方法创建对应的子Widget。 itemCount,表示列表项的数量,如果为空,则表示ListView为无限列表。...CustomScrollView 好了,ListView实现了单一视图下可滚动Widget的交互模型,同时也包含了UI显示相关的控制逻辑和布局模型。

5.5K10

界面无小事(九): 做个好看的伸缩头部

的底部 parallax 视图将以视差方式滚动 是不是该怎么懵还是怎么懵, 来看效果图: ?...也就是说, pin模式下, 下面的滚动视图和图片是同步滑动的, 但是这样的观感其实不好. parallax则改进了这一点, 看起来很和谐, 尽管两者不再同步, 这就是翻译后说的以视差方式滚动了. -...如果在此之前的任何兄弟视图没有此标志, 则此值无效. exitUntilCollapsed 退出(滚动屏幕), 视图滚动直到“折叠”. 折叠高度由视图的最小高度定义。...snap 在滚动结束, 如果视图仅部分可见, 则它将被捕捉并滚动到其最近的边缘. enterAlways 进入(在屏幕滚动), 无论滚动视图是否也在滚动, 视图都将滚动任何向下滚动事件....一旦滚动视图到达其滚动范围的末尾, 该视图的其余部分滚动到视图中. 折叠高度由视图的最小高度定义.

95420

Mac 键盘快捷键

Command–调低亮度:您的 Mac 连接到多台显示,打开或关闭视频镜像。 Option–调高亮度:打开“显示器”偏好设置。这个快捷键可与任一亮度键搭配使用。...按住 Command 键拖移到另一个宗卷:的项目移到另一个宗卷,而不是拷贝它。 按住 Option 键拖:拷贝托的项目。拖移项目指针会随之变化。...拖移时按住 Option-Command:为拖的项目制作替身。拖移项目指针会随之变化。 按住 Option 键点按开合三角:打开所选文件夹内的所有文件夹。这个快捷键仅在列表视图中有效。...Control-K:删除插入点与行或段落末尾处之间的文本。 Fn–上箭头:Page Up:向上滚动一页。 Fn–下箭头:Page Down:向下滚动一页。 Fn–左箭头:Home:滚动到文稿开头。...Fn–右箭头:End:滚动到文稿末尾。 Command–上箭头:插入点移至文稿开头。 Command–下箭头:插入点移至文稿末尾。 Command–左箭头:插入点移至当前行的行首。

2.7K20

Human Interface Guidelines —— 导航栏(Navigation Bars)

内容 显示一个新的屏幕,一个后退按钮(通常标有前一个屏幕的标题)出现在该bar的左侧。...split view(分割视图) ·Navigation Bars是半透明的,可以具有背景色,并且可以配置为键盘出现在屏幕上 / 使用手势 / 视图大小调整隐藏。...·显示全屏内容可考虑暂时隐藏navigation bars。 您想要聚焦内容,navigation bar可能会分散注意力。 暂时隐藏navigation bar以提供更加身临其境的体验。...在某些app中,大标题的大号加粗文本可以帮助用户在浏览和搜索知道自己所在位置。 例如,在 tabbed layout中,大型标题可以帮助看清当前活动tab,并在用户滚动到顶部通知用户。 ...如果您认为没有到达当前屏幕的完整路径,人们可能会迷路,那么请考虑展开app的层次结构(使用segmented control)。 ·给文本标题按钮足够的空间。

2.4K110

个人使用mac OS和win OS的差异

Swift Playgrounds:Swift Playgrounds 是一个用于学习 Swift 编程语言的应用程序,它可以帮助用户通过简单而有趣的方式开始编写代码。...Option-Shift-Command-Delete:清倒废纸篓而不显示确认对话框。 Command-调低亮度: Mac 连接到多台显示,打开或关闭视频镜像功能。...按住 Command 键拖移到另一个宗卷:的项目移到另一个宗卷,而不是拷贝它。 按住 Option 键拖:拷贝托的项目。拖移项目指针会发生变化。...拖移时按住 Option-Command:为拖的项目制作替身。拖移项目指针会发生变化。 按住 Option 键点按开合三角:打开所选文件夹内的所有文件夹。这个快捷键仅在列表视图中有效。...Fn-左箭头:Home:滚动到文稿开头。 Fn-右箭头:End:滚动到文稿末尾。 Command-上箭头:插入点移至文稿开头。 Command-下箭头:插入点移至文稿末尾。

2.4K20

【Hybrid开发高级系列】ReactNative(七) —— RN组件专题

这些都显示为图标或小部件右侧的文本。如果不适合,它们 被放置在一个'溢出'菜单。         ...onEndReached函数型         所有行已经呈现并且列表被滚动到了onEndReachedThreshold的底部被调用。提供了native滚动事件。...centerContent bool布尔型         为真内容小于滚动视图边界滚动视图自动的集中内容;内容大于滚动视图,该属性没有任何影 响。默认值是false。...keyboardShouldPersistTaps布尔型         为假键盘向上摒弃键盘,轻击外部关注文本输入。为真滚动视图不会抓取轻击,键盘不会自动 摒弃。...,轻击状态栏滚动视图滚动到顶部。

46340

CoordinatorLayout使用全解析

enterAlwaysCollapsed:假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,滚动到顶部的时候展开完...exitUntilCollapsed:当你定义了一个minHeight,此布局将在滚动到达这个最小高度的时候折叠。 snap:一个滚动事件结束,如果视图是部分可见的,那么它将被滚动到收缩或展开。...ImageView、Toolbar)在响应layout_behavior事件作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端)。...假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,滚动到顶部的时候展开完。...exitUntilCollapsed: 同样顾名思义,这个flag定义何时退出,当你定义了一个minHeight,这个view将在滚动到达这个最小高度的时候消失。

1.9K20

Material Design —卡片(Cards)

何时使用 显示以下内容使用卡布局: ·作为一个集合,包含多种数据类型,如图像,视频和文本 ·不需要直接比较(用户不直接比较图像或文本) ·支持高度可变长度的内容,例如评论 ·包含可交互式内容,例如+1...左:网格tile以干净轻量方式展示图片库    右:卡片不适合展示同类内容 ---- 内容 卡片为联系更紧密的信息和视图提供上下文和入口点,其内容和数量可能会有很大差异。...背景图像 文字放置在纯色背景上,文字清晰度最高,且文字对比度足够高。 放置在图像背景上的文本应该保留文本的易读性。 ? 左:不同布局的卡片    右:排版方式能突出重点内容 ?...pc端卡片可展开和内部滚动 卡片聚焦 遍历卡片上的焦点,在移动到下一张卡片之前访问所有可聚焦元素。...但能改善内容布局和易读性,则可以将其放置在右下角。 注意不要让溢出菜单负荷的操作太多。 ? 其他操作 强烈建议不要在文本内容中使用内联链接。

4.3K100

DaVinci Resolve Studio 18 for mac(达芬奇剪辑软件)v18.0.2中文激活版

图片DaVinci Resolve Studio 18 for mac软件功能一、CUT,一种新的快速编辑方式您需要快速工作并且时间紧迫,您需要使用剪切页面。...剪切页面挑战了使用创新但熟悉的概念(源磁带模式和A / B修剪工具)的传统方式。根植于过去的两个现代特征。...2、双时间轴放大和缩小以及滚动时间轴非常慢!新剪切页面具有创新的双时间轴,因此您无需再放大或缩小。上面的时间轴显示整个程序,而下面的时间轴显示您正在工作的区域。...但是,使用新剪切页面,您可以查看查看器中显示的剪裁点并进行非常精确的修剪。这种新的图形视图也称为A / B修剪器,可让您使用数字框计数器和微工具调整编辑的每一面。...5、变换,颜色,音频和文本剪切页面您需要的所有基本工具放在查看器下方的一个合并条带中。您可以在一个地方获得用于画中画效果,色彩平衡,重定时,稳定,动态缩放,音频,文本和滤镜效果的转换工具。

1.1K30
领券