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

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

将“取消”按钮作为默认按钮,并使用粗体文本。 允许用户通过退出APP到主屏幕来取消警示框。当警示框出现时,退出到主屏幕可以退出APP。这个操作产生与点击取消按钮的效果是相同的。...页面视图控制器可以使用滚动或页面卷曲两种样式的任意一种完成页面之间的转场过渡。 ? 如果需要,可以自定义一种非线性的导航方法。使用页面视图控制器时,页面只能按顺序跳转,而跨页面之间是无法跳转的。...由于拆分视图提供了对多个层次结构的访问权限,因此人们可以通过在列之间拖放项目来将内容从应用程序的一个部分快速移动到另一部分。...相反,将内容添加到表的开头或结尾,让用户在准备好时滚动到它。一些APP在加载新数据时会显示一个加载器,并提供一个直接跳转到该数据的控件。最好还包括一个刷新控件,这样用户就可以随时手动进行更新。...为了用户可以流畅地进行数据输入,在编辑文本视图期间显示的键盘,应该适合于该字段中的内容类型。例如,输入支付密码弹出的是数字键盘。

8.5K31

iOS开发常用之网络

札幌 - swift单元格模型驱动的集合视图管理器组件。又一个超实用的“轮子”。...所以想支持到iOS8.0,支持自定义,支持等宽排列,支持从左向右排列。 类似美团的下拉菜单 - 类似美团的下拉菜单,源码推荐说明。...仿LOL滚动视图 - 仿LOL滚动视图。 答案选择切换页 - 将scrollview和tableview封装在一起,在初始的时候简单的将数据带上,就可以一页一页的左右来回滑动。...侧滑与右滑返回手势 SloppySwiper - iOS系统自带的UINavigationController要7.0才支持,但不过该手势只能从屏幕左侧边缘识别,如果要扩大到整个屏幕范围怎么办?...组件使用方便,自然(只需设置集合视图数据源的标准方式即可)。 KYShareMenu - 带弹性动画的分享菜单。

23.7K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Ext JS 教程-MVC架构 原

    现在已经有很多MVC架构了,它们之中大部分只有一些轻微的不同之处。 1 模型是域和它们的数据的一个集合(比如:一个拥有姓名和密码的用户模型)。...我们也传递了store配置和columns给表格去渲染。 接下来我们需要把这个视图添加到我们的Users控制器中。...最后我们创建了两个按钮,一个用来关闭窗口,另一个将被用来保存我们(对用户账户)做出的更改。 我们现在需要做的是:把视图添加到控制器中,渲染它并且把User加载到它的里面。...控制器关注到它们被自动导入到页面上的定义,并且赋予了一个storeId,让他们可以很容易的在我们的视图中被引用到(在这里是通过简单的配置 store:’Users’)。...我们将标记一行,点击保存按钮然后查看请求被准确的发送到了 updateUser.json。 ?

    3.3K10

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

    ,比如另一个文件夹 回复(Reply) 将某个项发送或转发到另外一个位置 刷新(Refresh) 刷新当前内容(请尽量自动刷新,在必要时才使用刷新按钮) 播放(Play) 播放当前媒体内容 快进...集合视图: 可包含装饰视图,以从视觉上区分项的子集或者提供装饰性项目,例如自定义背景。 布局切换时支持自定义转场动画。(默认情况下,当用户导入、移动或者删除项的时候,会出现系统默认的动画效果。)...表格视图: 以容易进行分段或分组的单列形式展示数据 用户可以通过点击来选中某行,或通过控件来添加、移除、多选、查看详情或者展开另一个表格视图 iOS定义了两种表格样式: 分组型(Grouped)。...iOS定义了在平铺型表格和分组型表格中最常用到的四种单元格布局样式。每种单元格样式都有最适合展示的信息类型。 重要 从编程角度来说,这些样式应用于单元格中,用以控制表格里每一列的绘制方式。...尽管我们并不推荐在数据频繁变化的应用中这样做,它还是可以帮助更多的静态应用程序立即给到用户有用的信息。

    10.1K51

    iOS 9 Storyboard 教程(二上)介绍Segue静态单元格(static cell)

    ---- 然后在Player控制器和导航控制器之间就会出现一个新的箭头: 连接的类型是segue(发音:赛格威),表示从一个控制器到另一个控制器的过渡.到目前为止,你所看到的storyboard 上的连线都是一个个的关系并且它们描述了一个包含另一个的...最后,切换回Main.storyboard ,然后分别连接Cancel按钮和Dnoe按钮的方法.按住ctrl并用鼠标拖拽到视图控制器的Exit对象,然后松开鼠标,弹出一个菜单,对应名称选择,如下图:...之后,Xcode将添加这个属性到PlayersDetailViewController类里而且会和storyboard相连: 在表的单元格里创建视图的连线正是我所说的你不应尝试用原型单元格,而用静态单元格是可以的....每一个静态单元格都只有一个实例,所以它完全是可以接受的在视图控制器里通过连线连接它们的子视图....对象,在运行时期间将不会起作用,原因是因为UITableViewController提供了一个负责静态单元格数据源的额外机制.Xcode为了防止你编译这个工程,甚至会输出错误信息:”(非法的配置:静态表视图只在嵌入到

    3.3K10

    重磅分享-揭开Excel动态交互式图表神秘面纱

    其实,动态交互式图表并不是什么新奇事物,追根溯源,其原理和知识体系可概括为如下: 从过去几篇文章大家可能会注意到,我个人是比较喜欢用切片器作为选择器,以VBA(数据透视表更新事件)作为抽数引擎的。...数据有效性位于R27单元格中,通过R30=R27,将数据有效性单元格值传递给R30,R30将用于后续的vlookup查询取值。...示例三:单选按钮 单选按钮的链接单元格统一设置为左上角的单元格,并通过为其赋宏,使其可以为该色温图调加交互式效果。...下图中,省份切片器对数据透视表进行切片后,将透视表中的单元格(下图中涂黄单元格)作为查询函数的参数使用,两相结合完成数据抽取的过程,继而通过动态的数据区域生成交互性图表。...细心的朋友会发现,这与之前切片器+数据透视表事件制作的仪表盘,是有本质上差别的。无论是从基础数据源的格式,制作的过程,实现的交互式效果,均有着本质的区别。

    8.4K20

    底牌项目中的选择牌谱上传功能--深刻理解UITableView复用

    问题: 在选中一张图片后会将该图片存储到一个数组中以便上传,可当再次点击按钮取消选中图片时却不知道该如何将该图片从数组中删除。...解决: 在Cell中制定协议设置代理,在选中图片的按钮点击事件中如果代理响应了协议中的方法则让代理执行该方法。关键:在该方法中要将图片的信息传递过去。...将Cell的代理设置为当前的视图控制器,在控制器中执行代理方法,代码: - (void)tableViewCell:(CellInMyPokers *)cell withImage:(UIImage...于是放弃该方法,将图片的ID(图片的唯一标识)传递过来,然后比较两张图片的ID,如果相同就将图片从数组中移除。...当图片数组不为空时,如果有图片传递过来(不论是选择图片还是反选图片)就将其添加到图片数组中,同时将图片的ID添加到另一个数组中。

    1.1K10

    Cocoa编程中视图控制器与视图类详解

    推入时,新的视图控制器从右方滑入屏幕(假定animated:YES)。向左指的Back后退按钮出现,可返回到上一步,且Back按钮用的是上一个视图控制器的标题。 2....作为弹出回上一级视图控制器的Back按钮是自动产生并处理的,无需用户干预。 3. 可使用popViewControllerAnimated:BOOL弹出当前视图控制器并向左显示前一个视图。 4....1.作用: •创建和管理视图。 •管理视图上显示的数据。 •设备方向变化,调整视图大小以适应屏幕。 •负责视图和模型之间的数据及请示的传递。 2....• –viewDidLoad:当加载控制器的视图到内存时,该方法被调用。...如果视图控制器也不处理该事件,则视图控制器会将数据传递给视图控制器视图的超类,一般是UIWindow.

    5.1K50

    问题——持续更新

    :在程序中怎么去实现 应用图标怎么添加 插件:  空工程 一些方法为什么总是调用不到,如创建在视图控制器中创建单元格???   ...解决:没有设置代理,方法无法调用 继承自UITableViewController的视图控制器要想自定义单元格要删除系统中的分区代码。 非自定义单元格为什么无法设置黑夜模式??...(之前的做法都是创建一个空的工程)     解决:将ViewController头文件导入到AppDelegate中,按照以前的写法,创建控制器的对象,再创建导航控制器的对象,并将其作为当前窗口的根视图控制器...标签和按钮设置圆角效果的过程是不尽相同的,按钮可以直接设置,而标签需要首先将masksToBounds 设置为YES .     ...为什么在xib中拖拽imageView的时候,总是会跑出去?     修改数据库中的数据有问题,无法修改?     怎么传递相册中的图片?

    1.3K20

    架构之路 (五) —— VIPER架构模式(一)

    最大的区别是,视图模型View Model与视图控制器不同,它只有对视图和模型的单向引用。MVVM非常适合SwiftUI。 VIPER更进一步,将视图逻辑与数据模型逻辑分离。...由于演示者presenter的工作是用数据填充视图,所以您希望从数据模型中公开旅程trips列表。...Modifying the Model from the View 到目前为止,您已经看到了从entity到interactor的数据流,通过presenter来填充视图view。...路由器Router允许用户从旅行列表视图trip list view导航到旅行详细信息视图trip detail view。trip detail视图将显示路线点列表以及路线地图。...router处理从一个屏幕到另一个屏幕的转换,设置下一个视图所需的类。 在命令式UI范例中——换句话说,在UIKit中——路由router将负责显示视图控制器或激活segue。

    17.6K10

    最新iOS设计规范五|3大界面要素:控件(Controls)

    添加联系人按钮 用户可以点击“添加联系人”按钮来浏览现有联系人列表,并选择一个要插入到文本字段或其他视图中的联系人。...打开时,情境菜单将显示该项的预览并列出对其起作用的命令。用户可以选择命令或将项目拖动到另一个区域、窗口或应用程序。 采用一致的上下文菜单。...日期选择器中显示的确切值及其顺序取决于用户的使用环境。 当空间有限时,请使用紧凑的日期选择器。折叠后,紧凑型样式将显示一个按钮,该按钮以应用程序的主色显示当前值。...当人们点击按钮时,日期选择器将扩展为模式视图,从而提供对熟悉的日历样式编辑器和时间选择器的访问。在模式视图中,人们可以对日期和时间进行多次编辑,然后在视图外部轻按以确认他们的选择。...当执行无法量化的任务(例如加载或同步复杂数据)时,加载器会旋转。任务完成后它会消失。活动加载器是不是可交互元素。 ? 进度条优于加载器。

    8.6K30

    Apriso开发葵花宝典之八Portal Session篇

    有几个主要的假设: l 它应该只包含一个呈现用户界面的步骤 l 它不应该包含任何业务逻辑或事件处理 l 它应该能够从数据库加载数据以用于显示目的 l 它不应该能够修改数据(View类型的操作不能执行诸如...l 它可以包含业务控件 l 附加功能(例如,从数据库加载数据以显示) 门户会话变量处理 门户会话是视图操作和业务逻辑操作之间交换的所有变量的占位符/容器,门户会话变量用于在不同操作之间交换数据,例如视图...l如果Portal会话中不存在这样的变量,并且操作接口Interface 被禁用,则函数解释器将向用户询问该变量(这与调用子操作而不传递所有所需输入时发生的行为相同),如果操作接口被启用,则所需的所有输入必须出现在...) Ø不传递到子门户 lContainer_UI:定义一个用户输入User Input变量 Ø在Screen提交之后被推送到堆栈(带有来自用户的值) Ø返回时恢复(恢复到用户最初输入的值) Ø 不传递到子门户...因此,On Action操作Operation中可以以相同的方式处理普通变量和中间变量 作为最佳实践,可以考虑使用中间变量作为起点。只有在另一个屏幕上需要时才将它们更改为常规变量。

    20210

    Xcelsius(水晶易表)系列7——多选择器交互用法

    关于选择器的用法,之前的几篇零零碎碎的讲了些,今天是专门讲解水晶易表中几种重要的选择器用法——标签式菜单(在案例1中曾经讲过,不过具体用法不同,那里是匹配的原数据,按行插入,这里仅仅作为按钮选择工具,按值插入目标...数据中除了以上信息之外,你可以看到我特意添加了查询标准字段,这列字段将每一条数据的年份、产品类型、地区合并成一个单元格(关于合并单元格信息,请参考小魔方的历史文章),这列数据将作为后期的重要查询标准。...集合以上图表中的三个选择器和数据表,我的大体思路是这样的: 通过标签式选择菜单传递产品类型参数、通过单选按钮传递年份参数、通过复选框传递地区参数。...然后通过index函数将参数转化为具体的指标(index只能传递数字序号)。 通过&文本合并函数将三个指标合并。 通过offset+match函数嵌套在源数据表中匹配对应指标的12个月份值。...match函数输出的行号将作为offset函数的第二个参数。 这里offset函数的意思是:从D9单元格开始,向下移动(match返回值)行,向右移动0列,然后选择1行1列(也就是选择该单元格)。

    2.7K60

    计算机文化基础 第一部分 1.1 信息与信息技术 1.1.1信息与数据 信息的概念: 一般认为:信息是在自然界、人类社会和人类思维活动中普遍存在的一切物质和事物的属性。 信息能够用来消除事物不

    输入设备  主要功能是把原始数据和处理这些数据的程序转换为计算机能够识别的二进制代码,通过输入接口输入到计算机的存储器中,供CPU调用和处理。  ...复制:Ctrl+C  剪切:Ctrl+X  粘贴:Ctrl+V  利用剪贴板传递信息,首先要将信息从信息源区域复制到剪贴板,然后再将剪贴板内的信息粘贴到目标区域中。...True,则IF函数将返回某个值; 如身该条件的计算结果为False,则返回另一个值。...,单击“数据“选项卡,在“排序和筛选”组中,单击“升序”按钮,则按排序字段从小到大排序,若单击“降序”按钮,则按排序字段从大到小排序。  ...,不同类别的传感器所捕获的信息内容和信息格式不同  (2)可靠传输:物联网技术的重要基础和核心是互联网,通过各种有线和无线网络与互联网融合,将物体的信息实时准确地传递出去  (3) 智能处理: !

    1.4K21

    计算机文化基础

    输入设备  主要功能是把原始数据和处理这些数据的程序转换为计算机能够识别的二进制代码,通过输入接口输入到计算机的存储器中,供CPU调用和处理。  ...复制:Ctrl+C  剪切:Ctrl+X  粘贴:Ctrl+V  利用剪贴板传递信息,首先要将信息从信息源区域复制到剪贴板,然后再将剪贴板内的信息粘贴到目标区域中。...True,则IF函数将返回某个值; 如身该条件的计算结果为False,则返回另一个值。...,单击“数据“选项卡,在“排序和筛选”组中,单击“升序”按钮,则按排序字段从小到大排序,若单击“降序”按钮,则按排序字段从大到小排序。  ...,不同类别的传感器所捕获的信息内容和信息格式不同  (2)可靠传输:物联网技术的重要基础和核心是互联网,通过各种有线和无线网络与互联网融合,将物体的信息实时准确地传递出去  (3) 智能处理: !

    85240

    Cesium笔记(2):基本控件简介—Viewer控件配置地图界面控件隐藏

    div我们看到一个虚拟地球在中央,默认使用Bing卫星图层,右上角的button依次为地名查找(依赖google服务)、重置到初始焦点与缩放(可以拖动缩放后点击该按钮即可复位)、地图图层投影方式(3D、...,2D,哥伦布视图(CV)Base Layer Picker : 图层选择器,选择要显示的地图服务和地形服务.Navigation Help Button :导航帮助按钮,显示默认的地图控制帮助.Animation...Cesium.WebMercatorProjection(), // 地图投影体系  dataSources: new Cesium.DataSourceCollection(), // 需要进行可视化的数据源的集合...creditContainer:显示credit的DOM元素iddataSources:默认数据源,如果指定了该值则需要负责销毁terrainExaggeration:地形放大比例,不影响在地球上的相对位置...dataSourcesDataSourceCollectionnewDataSourceCollection()可选数据源的可视化部件的集合。

    3.9K31
    领券