首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

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

不要在一个滚动视图中放置另一个滚动视图。这样做带来的后果主要为会产生一个不可预期的用户界面,从而控制起来会变得非常困难。 同一刻只显示一个滚动视图。...十一、文本视图(Text Views) 文本视图主要用以显示多行样式的文本内容。文本视图可以是任何高度,并可以通过滚动方式显示额外的内容。...默认情况下,文本视图中的文本是左对齐的,并使用黑色的系统字体。如果文本视图可编辑,则在视图内部点击,屏幕下方会弹出键盘。 ? 保持文字清晰。...还应该在启用了辅助功能选项(例如粗体文本)的情况下测试内容单显示情况。 显示恰当的键盘类型。iOS提供了几种不同的键盘类型,每种键盘都对应着一种具体的输入方式。...为了用户可以流畅地进行数据输入,在编辑文本视图期间显示键盘,应该适合于该字段中的内容类型。例如,输入支付密码弹出的是数字键盘

8.4K31

iOS开发UIScrollView使用详解 原

你的滚动视图只能同一间在一个方向上滚动,但是当你从对角线拖动,是时刻在水平和竖直方向同时滚动的。...,可以带动画效果 - (void)scrollRectToVisible:(CGRect)rect animated:(BOOL)animated; 设置滚动视图滚动到某个可见区域,可以带动画效果 -...(void)flashScrollIndicators; 显示一个短暂的滚动指示器 @property(nonatomic,readonly,getter=isTracking)     BOOL tracking...UIScrollViewKeyboardDismissMode) {     UIScrollViewKeyboardDismissModeNone,     UIScrollViewKeyboardDismissModeOnDrag,      //手指滑动视图键盘就会消失...    UIScrollViewKeyboardDismissModeInteractive, //手指滑动视图后可以与键盘交互,上下滑动键盘会跟随手指上下移动 }; 二、ScrollViewDelegata

1.6K30

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

navigationBar节点型         可选的方式提供一个能够存留在场景之间转换的导航栏 navigator对象型         可选的方式从父导航器提供navigator对象 onDidFocus...alwaysBounceVertical 布尔型         当为真滚动视图到达内容底部,垂直反弹,即使该内容小于滚动视图。...automaticallyAdjustContentInsets 布尔型 bounces 布尔型         当为真,当滚动视图到达内容底部,反弹,如果内容比滚动视图是大,那么滚动视图沿着轴滚动方向反...centerContent bool布尔型         当为真,当内容小于滚动视图边界滚动视图自动的集中内容;当内容大于滚动视图,该属性没有任何影 响。默认值是false。...keyboardShouldPersistTaps布尔型         当为假,当键盘向上摒弃键盘,轻击外部关注文本输入。当为真滚动视图不会抓取轻击,键盘不会自动 摒弃。

46340

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

地图视图: 通常以标准地图、卫星图像、或两者结合的形式来展示地理区域 可以展示单点标注的备注,以及叠加图层(绘制路径或二维区域绘制轮廓的) 支持编程定义的,或用户所控制的缩放和移动 利用地图视图可以给用户提供一个可交互的地理区域视图...如果需要的话,设计一种自定义的方式让用户可以非线性的方式来获取内容。页面视图控制器让用户从一页移动到前一页或者后一页,而并不支持用户在并不相邻的页面间快速切换。...重要 从编程角度来说,这些样式应用于单元格中,用以控制表格里每一列的绘制方式。 默认型(Default)(UITableViewCellStyleDefault)。...文本视图: 是一个可定义为任何高度的矩形 当内容太多超出视图的边框,文本视图支持滚动 支持自定义字体、颜色和对齐方式(默认情况下,文本视图会以左对齐的黑色系统字体显示) 可以支持用户编辑,当用户轻击文本视图内部...想要了解更多动态文本的指引,可以参阅本文第一章中颜色与字体里的部分;想要了解更多编程相关的内容,可以参阅Text Styles. 根据输入内容的类型来指定不同的键盘类型。

10.1K51

React Native之ScrollView控件详解

4:none(默认值),拖拽不隐藏软键盘。 5:on-drag 当拖拽开始的时候隐藏软键盘。 6:interactive 软键盘伴随拖拽操作同步地消失,并且如果往上滑动会恢复键盘。...如果为true,滚动视图不会响应点击操作,并且键盘不会自动消失。默认值为false。...13:showsVerticalScrollIndicator bool 当此属性为true的时候,显示一个垂直方向的滚动条。 有时候滚动视图会占据比实际内容更多的空间。...默认值为true(在以上情况下可以拖动滚动视图。) 21:(ios)centerContent bool 当值为true,如果滚动视图的内容比视图本身小,则会自动把内容居中放置。...这可以在一些子视图滚动视图本身小的时候用于实现分页显示。与snapToAlignment组合使用。

5.8K70

在Swift中创建可缩放的图像视图

我们希望能够编程方式和通过Interface Builder使用PanZoomImageView,所以让我们处理不同的初始化器,并创建一个通用的init。...设置滚动视图 我们需要实际设置我们的滚动视图,使其可缩放和可平移。这包括设置最小和最大的缩放级别,以及指定用户放大使用的UIView(在我们的例子中,它将是图像视图)。...打开Main.storyboard,添加一个视图你喜欢的方式把它固定在父视图上。接下来,选择该视图,导航到身份检查器,并将该类设置为PanZoomImageView。...试试平移和缩放(如果你使用的是模拟器,按住 "option "键)--你会对你的图像有一个全新的视角 编程方式初始化视图 在使用界面生成器,这很好--但如果你想编程方式初始化视图呢?...现在我们可以像这样通过图片名称编程方式初始化我们的视图了。 medium.com/media/46fac… 让我们来看看我们的类的整体情况。

5.6K20

在 Text 中实现基于关键字的搜索和定位

,List 将会为 ForEach 中的所有视图创建实例( 并非渲染 )用以比对视图类型的构造参数是否发生变化,但仍然只会渲染屏幕上显示部分的 Row 视图。...请阅读 优化在 SwiftUI List 中显示大数据集的响应效率[6] 以及 避免 SwiftUI 视图的重复计算[7] 两篇文章,了解更多有关性能优化方面的内容通过 currentPostion 获取需要滚动到的...onDisappear { store.onScreenID.removeValue(forKey: transcription.id) } .id(transcription.id)}在 List 中,每个视图进入显示窗口都会调用它的...onAppear,每个视图退出显示窗口都会调用它的 onDisapper。...总结范例代码并没有十分刻意地创建规范的数据流,但由于做到视图与数据分离,因此将其改写成任何你想使用的数据流方式并非难事。

4.2K30

Material Design —卡片(Cards)

左:网格tile干净轻量方式展示图片库    右:卡片不适合展示同类内容 ---- 内容 卡片为联系更紧密的信息和视图提供上下文和入口点,其内容和数量可能会有很大差异。...背景图像 当文字放置在纯色背景上,文字清晰度最高,且文字对比度足够高。 放置在图像背景上的文本应该保留文本的易读性。 ? 左:不同布局的卡片    右:排版方式能突出重点内容 ?...最大高度限于平台上可用空间的高度,但可以暂时扩大(例如,显示评论)。 卡片不会翻转显示背面的信息。 支持的手势 卡片手势应始终在卡片集合中实施。...从左到右,从上到下 滚动 卡片集合只能垂直滚动。 超过最大卡片高度的卡片内容会被省略,内部不会滚动,但可以扩展卡片。 一旦展开,卡片可能会超过视图的最大高度。...对于依赖焦点遍历进行导航(手柄和键盘)的页面,卡片应具有主要操作或打开包含主要和补充操作的新视图。 ? 选择操作 ?

4.3K100

UI自动化 --- UI Automation 基础详解

客户端有两种方式来自定义视图:通过作用域和过滤。作用域是定义视图的范围,从一个基本元素开始:例如,应用程序可能只想查找桌面的直接子元素,或者某个应用程序窗口的所有后代元素。...原始视图(Raw View) UI自动化树的原始视图是以桌面为Root的 AutomationElement 对象的完整树。原始视图紧密遵循应用程序的本机编程结构,因此是最详细的可用视图。...控件视图中可见的非交互项例如有包含信息的图形和对话框中的静态文本。 控件视图中包含的非交互项不能接收键盘焦点。...在COM中,您可以查询对象了解它支持哪些接口,然后使用这些接口访问功能。...ScrollPattern IScrollProvider 用于可滚动的控件。 例如,一个控件其所具有的滚动条在控件的可视区域中存在的信息超过了可被显示的信息,便处于活动状态。

1.2K20

Vcl控件详解_c++控件

HideSelection: Lines:对控件中文本的控制 PageRect:在打印,指定一个像素为单位的打印区域 PlainText:设置控件中的文本是否是纯文本方式 SelAttributes...Max:设置最大值 Min:设置最小值 Orientation:设置该控件是以水平方式还是以垂直方式显示 PageSize:设置用键盘上的Page Up和Page Down来调动该控件它移动的单位值...DateMode:设置什么方式显示该控件 DroppedDown:只读,判断是否列出下拉框  Format:设置显示模式。...Columns:对列进行操作 DropTarget:可列表视图中项目是否拖放操作的目标显示 FlatScrollBars:是否让滚动条有平滑的效果 FullDrag:当标签拖动,是否重新绘制...该事件只有在OwnerData属性为True才有效 OnDataHint:当列表视图的内容变化(如用户滚动列表视图发生 OnDataStateChange:当项目的范围改变状态发生。

4.8K10

提高效率 |ArcGIS Pro 中所有快捷键一网打尽

Alt 键或 F10 键 在功能区和活动视图或窗格之间移动。启用访问键并在功能区上显示按键提示。 Alt + 连字符 (-) 访问相应选项浮动、停靠或关闭活动视图或窗格。...在选定折点之间统一方式拖动多个线段。 A + 单击 添加折点。 在单击线段的位置处创建折点。 D + 单击 删除折点。 删除单击的折点。 H + 拖动 编辑高程。...激活“浏览”工具 用于在激活“浏览”工具导航地图的键盘快捷键 键盘快捷键 操作 注释 P 在 3D 场景中,从正上方向下(垂直)观看。 按一下此键,视图将自动平移,变为垂直向下显示您的数据。...这将关闭固定光标模式,允许您执行其他任务。要返回固定光标模式,可再次按下 ~ 键。注:无需按下 Shift 键。此快捷方式适用于美式标准键盘。其他类型的键盘可能为该键安排了其他的字符。...Ctrl+滚动鼠标滚轮 放大或缩小表的比例。 Ctrl+0 将表的比例重置回 100%。 Shift+滚动鼠标滚轮 水平滚动表窗口。 Ctrl+F 显示查找和替换命令。

75820

Visual Studio Code 1.72 正式发布

支持常见的脚本和编程语言,还可以通过安装扩展来获得更多语言和功能的支持。 近日微软发布了 1.72 版本,更新内容如下: 工具栏自定义:隐藏 / 显示工具栏操作 用户现在可以从工具栏上隐藏操作。...更好的编辑器自动滚动滚动速度根据光标位置进行调整 当选择和拖动,编辑器过去常常以一种取决于显示器每秒帧数(FPS)的方式滚动,有时会在鼠标到达编辑器边缘使编辑器快速滚动。...现在当鼠标接近边缘,编辑器每秒一个 viewport 的速度自动滚动,而当鼠标离编辑器较远,速度更快,与 FPS 无关。...扩展视图更新:突出显示有更新或需要注意的扩展 VS Code 现在在扩展视图中的 "最近更新" 部分显示过去 7 天内更新的扩展。...树状视图中的搜索结果:在列表或树状视图中查看搜索结果 你现在可以树状方式查看搜索结果了,只需点击搜索视图上角的列表 / 树状图标,就可以在列表和树状视图之间进行切换。

1.4K30

Android开发笔记(三十六)展示类控件

scrollbars : 指定滚动条的方向,一般取值vertical,如不指定将不显示滚动条。注意该属性只能在xml中设置。...该功能有两种实现方式方式一:给编辑框注册一个OnKeyListener监听器(setOnKeyListener方法),当检测到回车键(keyCode == 66),触发光标跳转操作; 方式二:...EditText还有一个需要特殊处理的地方,就是自动关闭软键盘。一般我们希望点击其它控件,原输入框的软键盘就要自动消失,可惜Android不是这样处理。...另外注意centerInside,当图片尺寸大于视图,centerInside等同于fitCenter;当图片尺寸小于视图,centerInside等同于center。...注意背景图不按比例拉伸,其实背景默认fitXY方式拉伸。 在代码中设置: setScaleType : 设置图形的拉伸类型。 setImageAlpha : 设置图形的透明度。

1.4K30

06-移动端开发教程-fullpage框架

主要功能有: 支持鼠标滚动。 支持前后退和键盘控制。 多个回调函数。 支持手机,平板触摸事件。 支持css3动画。 支持窗口缩放。 窗口缩放自动调整。...可设置滚动宽度,背景颜色,滚动速度,循环选项,回调,文本对齐方式等。...loopTop 布尔值 false 滚动到最顶部后是否滚底部 loopHorizontal 布尔值 true 左右滑块是否循环滑动 autoScrolling 布尔值 true 是否使用插件的滚动方式...向左滚动 setAutoScrolling() 设置页面滚动方式,设置为 true 自动滚动 setAllowScrolling() 添加或删除鼠标滚轮/触控板控制 setKeyboardScrolling...() 添加或删除键盘方向键控制 setScrollingSpeed() 定义毫秒为单位的滚动速度 例如: $('#moveSectionUp').click(function(e){ e.preventDefault

5.1K50
领券