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

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

系统按钮 系统按钮通常出现在导航栏和工具栏中,也可以在任何地方使用。 ? 在标题中使用动词。特定于操作的标题显示按钮是交互式的,并说明单击该按钮时会发生什么。 使用标题格式命名标题。...在iOS 12及更早版本中,以及在全面屏显示的设备上,网络活动指示器会在发生联网时在屏幕顶部的状态栏中旋转,联网完成后消失。和活动加载指示器样式一样,并且是非交互式的。 ?...· 如果您的应用支持排序,则可以使用菜单让用户选择要进行排序的属性。 · 在允许在多个位置之间导航的应用程序中,菜单可以使用户导航到特定位置,而不用追溯每个步骤。 使用菜单提供辅助应用操作。...所有段的宽度都是相同的,如果段内容(例如段的标题)长度或大小不一致,则分段控件看起来会很不协调。 分段控件中不要同时包含文本和图像。...iOS提供了几种不同的键盘类型,每种键盘都用于方便不同文本类型的输入。当用户在输入文本时,根据输入的文本类型显示相应的键盘类型,可以简化数据输入。

8.6K30

iOS自定义应用设置页面

iOS自定义应用设置页面 引言 我们知道,当安装了一个iOS应用程序后,在系统的设置中,就会为此应用生成一个单独的设置模块,可以在其中控制应用的网络权限、推送权限等系统设置项。...Root.plist文件是配置设置项的核心文件。其内容如下: 模版中默认定义了4个item,分别用来显示一个分组头、输入框、开关和滑块组件。效果如下: 每个配置项的意义和用法,我们后续在详细介绍。...DefaultValue 默认的选中项。 Values 一组选项的值。 Titles 一组选项显示的标题。 - DisplaySortedByTitle 布尔值,选项是否根据标题进行排序。...DefaultValue 默认的选中项。 Values 一组选项的值。 Titles 一组选项显示的标题。...DefaultValue 显示的值。 Values 存储在数据库中的一组值。 Titles 存储在数据库中的一组key。

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

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

    “取消”按钮应出现在动作表单的底部。 突出显示破坏性选择。将红色用于执行破坏性或危险操作的按钮,并将这些按钮显示在动作表单的顶部。 避免让操作表滚动。如果表单选项太多,用户必须滚动才能看到所有选项。...一般来说,请避免在标题中包含你的公司名称或产品名称。 确保活动适合当前上下文。虽然系统提供的任务无法在活动中重新排序,但如果它们不适用于你的APP,则可以将其屏蔽。...默认情况下,你可以点按以选择、触摸并按住进行编辑,然后滑动进行滚动。 如有需要,还可以添加更多手势来执行自定义操作。在集合中,插入、删除或重新排序项目,都可以启用动画,并且还支持自定义动画。...表单中的行 使用标准表格单元格样式来定义内容在表格行中的显示方式。 基础列表(默认):行的左侧显示图像,其后紧跟左对齐标题。对于不需要显示其他附加信息的项目来说,这是一种很好的选择。...可为“删除”按钮自定义标题。如果某行支持删除并且有助于提供清晰性,请将系统提供的删除标题替换为自定义标题。 在用户做出选择时给予相应的反馈。用户在与列表进行交互时,希望被点击的列表可以突出显示。

    8.5K31

    UITableView在Flutter中是什么?

    这样的需求,在iOS中是用UITableView实现的;而在Flutter中,实现这种需求的则是列表控件ListView。...ListView 在Flutter中,ListView可以沿一个方向(垂直或者水平方向)来排列其所有子Widget,因此常被用于需要展示一组连续视图元素的场景,比如通讯录、优惠券、商家列表等。...ListView提供了一个默认构造函数ListView,我们可以通过设置它的 children 参数,很方便地将所有的子Widget包含到ListView中。...我定义了一个拥有100个列表元素的ListView,在列表项的创建方法中,分别将index的值设置为ListTile的标题与子标题。...总结 在处理展示一组连续、可滚动的视图元素的场景中,Flutter提供了比原生Android、iOS系统更为强大的列表组件ListView与CustomScrollView。

    5.6K10

    zblogPHP万能型主题模板希望(Hopelee)全新绽放,独具热爱,自成一派

    -- 文章显示时间可自定义选择,可设置三种形式,主题设置,文章设置中选择,默认是友好显示时间。 V 1.4.1(22/05/18) -- 修复评论模块在某些情况下评论框会消失的问题。...-- 分类模板顶部排序增加开关。 -- 修复网友反馈的几处小BUG。 -- 修复移动端导航在夜间模式下偶现白色背景的问题。 -- 修复主题广告分类列表接口函数为空的BUG。...-- 关于分类模板顶部显示所有分类的代码,可以选择性隐藏也可整个隐藏,代码如下,放在自定义css中: 隐藏部分分类: a#cate-5 {     display: none; } 多个分类隐藏: a#...-- 新增文章模板页SEO标题,可设置独立SEO标题。 -- 修复分类未设置模板导致页面显示不完整的问题。 1.2.9(21/12/08) -- 修复排序函数在部分情况下的兼容性代码。...更新日志:2021/07/09 -- 优化相关阅读文章在移动端显示效果。 -- 优化顶部自定义文章移动端显示不全的问题。 -- 修复某些用户未绑定邮箱导致头像出错的问题。

    2.2K30

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

    工具栏可以显示一个标志,导航图标(如汉堡包菜单),标题 和副标题和操作列表。标题和子标题被扩展这样以来标志和导航图标显示在左边,标题和副标题在中间并且操作 在右边。         ...如果工具栏具有唯一子级,它将显示在标题和操作之间。...duration: number) 性质 SHORT: MemberExpression LONG: MemberExpression 3 公共组件 3.1 列表视图         列表视图——为变化的数据列表的垂直滚动的高效显示而设计的一个核心组件...默认的情况下,数据正是被放入了数据源的东西,但也可以提供自定义的提取器。...在默认情况下,所有的可触发的元素都是可以被访问的。

    58440

    Ios常用第三方框架(二)

    XYPieChart -XYPieChart:饼状图, 饼图, 数据统计, 数据可视化,可以在图形上标注数据。效果十分漂亮,而且没有用到一张图片。...文字及图片可扩展输入栏,汽泡效果等聊天核心特性,分页及自动布局完善。 DLSlideView - DLSlideView对常见的顶部Tab页点击、滑动分页做了封装。...会自动将collection view处理完善,并将用户消息以合适美观的方式显示出来。每个iOS项目都可以自动处理。...MGSwipeTableCell - 另一个常见于很多应用中的UI组件,苹果应该考虑在标准的iOS SDK中加入一些类似的内容。Swipeable表格cell是这个pod的最佳描述,也是最好的。...FriendSearch - 两种UI的搜索,搜索的算法可以满足中英文互搜,联想搜索等,其中还包含对一组数据自动进行按字母分组等功能。

    7.7K60

    02-微信小程序目录结构及配置

    微信小程序目录结构说明微信目录结构配置说明app.json 配置项window配置项restartStrategytabBar配置项创建一个自己的页面真机调试微信目录结构了解微信小程序项目的目录以及一些文件用途在小程序中...否多端模式场景接入身份管理服务时开启小程序授权页相关配置,详见相关文档staticObject否正常情况下默认所有资源文件都被打包发布到所有平台,可以通过 static 字段配置特定每个目录/文件只能发布到特定的平台...iOS/Android 微信客户端 6.6.0,Windows 微信客户端不支持homeButtonbooleandefault在非首页、非页面栈最底层页面或非tabbar内页面中的导航栏展示home键微信客户端...#ffffff顶部窗口的背景色,仅 iOS 支持微信客户端 6.5.16backgroundColorBottomstring#ffffff底部窗口的背景色,仅 iOS 支持微信客户端 6.5.16enablePullDownRefreshbooleanfalse...tab 按数组的顺序排序,每个项都是一个对象,其属性值如下:属性类型必填说明pagePathstring是页面路径,必须在 pages 中先定义textstring是tab 上按钮文字iconPathstring

    65310

    Human Interface Guidelines ——Tables

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚...标题可以出现在section中的第一个项目之前,而页脚可以出现在最后一个项目之后。 grouped(一般用在“我的”等不常更改的页面) 行以组的形式显示,可以前面加标题,后面加页脚。...先立即用文本数据填充屏幕上的行,再在可行时显示更复杂的数据(如图像)。这种技术可以马上为人们提供有用的信息,并提高app的感知响应能力。在某些情况下,在新的数据到达之前,显示陈旧的数据可能会有意义。...---- Table Rows 使用标准table cell样式来定义内容在table rows中的显示方式。 基本(默认) 行左侧为可存在的图像,后跟左对齐的title。...·考虑为删除按钮使用自定义title 如果一行支持删除并且需要提供明确性,请将系统提供的删除标题替换为自定义标题。 ·在进行选择时提供反馈 当内容被点击时,人们希望一行可以简短的高亮。

    1.2K30

    地图相关 MapKit框架介绍MKMapView控件对象的属性和方法MKAnnotation 大头针模型类大头针view显示类:MKPinAnnotationView 继承于 MKAnnotation

    介绍 1.概念 导入头文件 #import MapKit框架中所有数据类型的前缀都是MK MapKit有一个比较重要的UI控件 :MKMapView,专门用于地图显示...} 4.在添加大头针图像出现之前调用,可以设置大头针的掉落效果 参数 views 大头针掉落后的图像,将大头针的y值设置为0(顶部),再动画回到原来的位置可实现 注意:不要将系统定位的大头针设置了动画效果...、标题、子标题等,自定义时默认为NO,想要大头针被点击注意开启 @property (nonatomic) BOOL canShowCallout; (2)设置左右边的附属视图 @property (strong...左右边的附属视图 (3)iOS 9新增,自定义详情/子标题,原来的子标题文字没了,变成了自定义控件 @property (nonatomic, strong, nullable) UIView *detailCalloutAccessoryView...中,iOS8以后无法在模拟器运行 步骤:(就是各种转换,步骤多的看着就恶心,可以直接看下面代码) 1、创建地理编码对象,调用正地理编码方法,获取 CLPlacemark 地标对象 2、构造方法用上面参数创建一个

    4.9K70

    Admin站点

    AppConfig.verbose_name 属性用于设置该应用的直观可读的名字,此名字在Django提供的Admin管理站点中会显示, 注册模型类 登录后台管理后,默认没有我们创建的应用中定义的模型类...页大小 每页中显示多少条数据,默认为每页显示100条数据,属性如下: class BookInfoAdmin(admin.ModelAdmin): list_per_page = 2 2....操作选项的位置 顶部显示的属性,设置为True在顶部显示,设置为False不在顶部显示,默认为True。...list_display = ['id','btitle','pub_date'] 3)在浏览器中刷新效果如下图: ? 注:方法列是不能排序的,如果需要排序需要为方法指定排序依据。...分组展示 属性如下: fieldset=( ('组1标题',{'fields':('字段1','字段2')}), ('组2标题',{'fields':('字段3','字段4')}), )

    2.2K20

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

    用户知道系统默认的返回按钮能帮助他们在信息层级中追踪自己的路径,如果你想重新设计它,请确保使用一个自定义的蒙版图层 (custom mask image),它可以在iOS中让这些按钮标题在系统各转场中出现或者消失...你可以在标签上加上红底白字,显示数字或者省略号的小气泡(badge)以展示特定的应用信息 你可以使用标签栏来切换对同一组数据的不同视图模式,或者整体功能下不同的子任务。...确保控制器中的操作适用于当前场景。你可以适当地在活动视图控制器中增减系统操作,或增加自定义操作。例如,如果你不希望用户打印某张图片,你可以把打印功能从控制器中删除。...注意 你不能改变系统默认服务在控制器中的顺序。同时,所有系统服务都应该出现在自定义服务之前。 4.2.3 集合视图 集合视图用于管理一系列有序的项,并以一种自定义的布局来呈现它们。 ?...如果表格的内容庞大而且复杂,不要在所有数据都加载完之后才一起显示出来。可以首先展示文本信息,图片等较为复杂的内容则在加载完后再显示。这样可以将有用的信息立即传达给用户,同时也提高了应用的响应能力。

    10.1K51

    Flutter中的AppBar、TabBar和TabController——顶部切换栏是如何实现的

    leading,在导航栏最左侧(标题前面)显示的组件,在首页通常显示应用的logo,在其他页面通常显示为返回按钮 actions,在导航栏右侧(标题后面)显示的组件组,通常使用IconButton来表示...centerTitle,标题是否居中显示(无论是iOS还是Android) isScrollable,顶部TabBar是否可以滚动。...( onPressed: () => print("menu"), icon: Icon(Icons.menu), ), //在导航栏标题右侧添加的组件组...3,在默认情况下,导航栏右上角有一个debug字样,如下: ?...但是有些时候,我们会遇到不可自定义原始的AppBar的场景,而我们又想实现顶部TabBar的效果,此时我们就可以在页面中再加一个Scaffold组件,然后这样就有两个AppBar了。

    10.9K20

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

    尽管用户喜欢在执行刷新操作时内容立刻刷新,他们也同样会喜欢内容自动刷新。如果过于一来用户自己执行所有刷新操作的话,那些不会自动刷新的用户就会疑惑,为何你app中的数据永远都不更新。...4.3.14 滑块 滑块允许用户在一个限定范围内调整某个数值或进程(下图展示的是iOS设置中亮度设置的滑块,滑块的左边和右边均为自定义图形)。 ?...步进器: 是一个两段控件,其中一段默认显示减号,另一端默认显示加号 支持自定义图片 不展示用户更改的值 当用户想要对数值进行小幅度调整时,可以使用步进器。...根据输入内容的类型来指定不同的键盘类型。举例来说,你希望用户能更方便地输入网址、密码或者电话号码。iOS提供了各种不同的键盘类型,以便用户输入不同类型的文本。...在操作列表的顶部使用文字颜色为红色的按钮,因为越靠近列表顶部的操作越容易引起用户注意。在iPhone里,潜在风险的操作离列表底部越远,用户在关注Home键的时候就越不容易误点它。 ?

    13.2K30

    iOS 9人机界面指南(三):iOS 技术 (中) - 腾讯ISUX

    为了确保用户能够自定义他们的通知体验,你应该尽可能多地支持以下的通知类型: 横幅(Banner) 警告框(Alert) 小气泡(Badge) 声音(Sound) 注意:在iOS8及之后的版本中,你必须对所有你想发送给用户的通知类型进行注册...当用户点击警告框中的一个默认或自定义动作按钮时,iOS会同时隐藏警告框并运行你的应用(可能是在后台)。点击关闭或确定按钮会隐藏警告框而不打开应用。 ? ?...自定义信息会在警告框和横幅中显示,也会在通知中心中以通知的形式显示。你无需在自定义信息中显示你的应用名称,因为iOS会在显示信息的同时自动显示应用名称。...你一定不希望用户在访问你的商店时感觉像是进入别的应用。 使用简单明了的标题和说明。最好能让用户在扫过一组项目时,可以快速发现感兴趣的内容。...你可以利用内置的支持程序来打印图片和PDF文件,或者可以使用特定的打印程序接口来完成自定义的格式设置和渲染设置。iOS可以处理打印机的发现、任务排序以及在指定打印机上执行打印任务。

    3.3K50

    iOS 10 ~ iOS 15 tableview 适配(使用注意事项)

    14 UITableViewCell里面的view无法响应点击 image.png 原因是cell中contentview改为了懒加载,如果添加自定义子view前没有访问.contentview,添加的...为nil,上滑或者下滑时,这两个View都会有颜色的变化,颜色与底色有关,但如果返回的view为自定义的View,显示是正常的 3.当UITableViewStyle为Grouped时,不管是sectionHeaderView...的sectionHeaderTopPadding还是sectionHeaderView或sectionFooterView返回nil,都是正常显示 (注意Grouped默认的组间距) 四、关于各系统...和sectionFooter代理,并且同时设置了sectionHeader和sectionFooter的预估高度为0,所有系统下,顶部都有空白。...(设置为0即自动计算高度,设置为非0数值,iOS13.2以下系统顶部有空白,iOS13.2及以上系统顶部无留白)

    2.1K20

    【愚公系列】《AIGC辅助软件开发》013-AI辅助客户端编程:AI辅助 iOS 应用开发

    同时,我们还将分享一些实际案例,展示 AI 是如何帮助开发者提升工作效率和代码质量的。希望本文能够为 iOS 开发者提供有价值的见解,助力他们在快速变化的技术环境中保持竞争力。...#### 4.3 自定义组件与视图- **自定义 View**:学习如何创建可复用的自定义视图组件。- **PreferenceKey**:用于在视图层次结构中传递数据。...列表(List)`List` 是 SwiftUI 中显示一组数据的列表视图,通常与 `ForEach` 一起使用。...以上只是控制整个容器的偏移量,如果我要容器置顶或置底怎么处理?SwiftUI怎么置顶显示?在 SwiftUI 中,如果你希望将某个视图置顶显示(即固定在视图的顶部),有几种常见的方式。...很明显,AI没有理解我的意思。它把所有视图都叠起来了,但这不是我想要的效果,我想要的是 U贴着手机顶部显示。这时候就需要自己微调了。

    9010
    领券