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

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

以下有一些方法可以让滚动内容能正常显示在状态 栏后面: 使用导航控制器(navigation controller)来展示内容。导航控制器自动展示状态栏背景,同时能确保内容视图不会出现在状态栏后面。...工具栏: 是半透明 在iPhone上,工具栏始终位于屏幕底部,而在iPad上则有可能出现在顶部 当键盘被唤起、用户使用了手势、或者当前视图变为竖屏情况下,工具栏可以隐藏。...重要 跟所有标准按钮图标相同,应当根据文档说明图标含义,而不是只凭图标外观来使用这些工具栏图标导航栏图标。...不要使用标签来让用户执行对于当前应用与屏幕内容操作。如果你需要给用户提供操作控件,请使用工具栏。 即使标签当前不可用,也不要把它从标签栏删除。...确保控制器操作适用于当前场景。你可以适当地在活动视图控制器增减系统操作,或增加自定义操作。例如,如果你不希望用户打印某张图片,你可以把打印功能从控制器删除

10.1K51

UINavigationController 导航控制器概念属性方法

toolbarHidden; 7、获取底部工具条 @property(null_resettable,nonatomic,readonly) UIToolbar *toolbar; 8、获取导航返回手势对象...(nullable, nonatomic, weak) id delegate; 16、当一个controller被添加到导航后,系统会为它分配一些属性...(1)通过一个自定义导航工具栏创建导航控制器 - (instancetype)initWithNavigationBarClass:(nullable Class)navigationBarClass...toolbarClass:(nullable Class)toolbarClass; (2)使用系统默认导航工具栏,创建一个导航控制器同时设置一个根视图控制器 - (instancetype)initWithRootViewController...UIViewController *)viewController animated:(BOOL)animated; 这个方法是为了iOS方法命名统一,在导航,其作用push一样 - (void)

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

iOS开发UINavigation系列四——导航控制器UINavigationController

UIToolBar,UINavigationController是将这些控件UIViewController紧密结合了起来,使用导航,我们应用程序层次会更加分明,对controller管理也更加方便.../通过一个自定义导航工具栏创建导航控制器 - (instancetype)initWithNavigationBarClass:(nullable Class)navigationBarClass... toolbarClass:(nullable Class)toolbarClass; //使用系统默认导航工具栏,通过一个根视图创建导航控制器 - (instancetype)initWithRootViewController...:(BOOL)animated; 三、导航控制器常用方法属性 //返回栈顶controller @property(nullable, nonatomic,readonly,strong) UIViewController...五、UINavigationDelegate         导航控制器还提供了一些代理回调方法,如下: //视图将要展示时调用方法 - (void)navigationController:(UINavigationController

1.8K20

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

[[MyViewController alloc] init]];   [window addSubview:nav.view];   UINavigationController如何推入弹出视图控制器...使用pushViewController: animated:可推入一个新控制器,从而增加新项到导航栈。(记住:导航控制器不添加一个视图进去,这个导航栏是没有意义!)...视图控制器剖析 视图控制器有一个导航项,一个工具栏子项集以及一个tabbarItem项与其关联。 3....• navigationItem:导航子项 • editing: 是否处理编辑状态 • hidesBottomBarWhenPushed: 入栈时隐藏底部栏 • toolbarItems: 工具栏子项集...如果视图控制器也不处理该事件,则视图控制器会将数据传递给视图控制器视图超类,一般是UIWindow.

5K50

最新iOS设计规范三|3大界面要素:栏(Bars)

隐藏大标题导航边框。在iOS 13及更高版本,可以通过删除导航阴影来隐藏导航底部边框(当滑动内容区域时,边框会自动重新出现)。...通常,在iPhone上使用三到五个标签;如果需要,在iPad上可以接受更多一些。 当人们导航到您应用其他区域时,请不要隐藏标签栏。标签栏可为您应用启用全局导航,因此它在任何地方都应保持可见。...例如,如果iOS设备上没有歌曲,则“音乐”应用“立即收听”选项卡将说明如何下载歌曲。 始终在附加视图中切换上下文。...tips:了解选项卡栏工具栏之间区别很重要,因为两种类型栏都出现在应用程序屏幕底部。标签栏可让人们在应用程序不同部分之间切换,例如“时钟”应用程序“警报”,“秒表”“计时器”选项卡。...工具栏包含用于执行与当前上下文有关动作按钮,例如创建项目,删除项目,添加注释或拍照。标签栏工具栏永远不会在同一视图中同时出现。 提供相应工具栏按钮。

9.8K10

从“图形可视化”到“图生代码”,低代码平台新挑战

但更多代码从业者在使用却发现,在众多低代码平台中都是“别人家代码”其可视化主要是别人家代码图形化做好。而自身如果想实现图形化还是得从图形化入手再重新学习别人家代码。...Onion 图生代码系列博文,将从这个问题入手,从图形表现以及代码设计方面去探讨,图形(可视化)与代码涉及一些基础关系,并视图从“图生代码”这个角度去考虑怎么去规范“图形可视化设计”以及如何逻辑成为严谨设计代码...在后续章节也会但多作为一个部分来讲解。 二,动作逻辑 动作逻辑是让页面数据动起来连起来关键部分,web应用建立了很好事件冒泡处理机制。但其发展速度远远超过了应用推进。...在控制器(Controller)添加Web路由注解@RequestMapping来完成Controller向web 容器注入实现。 视图(View)增加可被可视化设计器识别的视图注解代码。...@ToolBarMenu MenuBarMenu 菜单栏 @MenuBarMenu BottomBarMenu 底部工具栏 @BottomBarMenu 常用注解列表行子域示例 注解名称 用途 实例

5400

RubyMine 2022 Mac(Ruby代码编辑器) 中文版

代码片段在您代码输入最常用模式结构实时模板。使用预定义片段并创建自己片段。智能编辑通过代码评论,扩展/缩小选择,内联正则表达式检查,同步标签编辑等功能提高工作效率。...多选同时在许多地方:编辑代码片段使用代码完成,同时在多个位置更改“查找”结果等等。分割编辑将当前编辑器以独立视图水平或垂直拆分,并在每个视图中保留一组选项卡。或者在一个窗口中处理多个项目。...无忧无虑模式无论何时您需要全面关注代码,切换到无分心模式 - 无任何工具栏,工具窗口或选项卡简约用户界面。2.智能代码导航智能导航一键导航到声明,超级方法,测试,用法,实现等等。...在Rails应用程序快速切换模型,视图控制器。高级搜索选项跳转到任何类,文件或符号:按模式和文件夹过滤,或使用正则表达式。甚至可以找到任何IDE动作或工具窗口。...结构视图通过使用Structure工具窗口或特殊弹出窗口,可以在类方法(包括继承方法)或HTML标记之间轻松切换。使用层次结构窗格查看搜索类类型,还有超类型子类型。

2K10

JetBrains RubyMine 2022 Mac(Ruby代码编辑器)

代码片段在您代码输入最常用模式结构实时模板。使用预定义片段并创建自己片段。智能编辑通过代码评论,扩展/缩小选择,内联正则表达式检查,同步标签编辑等功能提高工作效率。...多选同时在许多地方:编辑代码片段使用代码完成,同时在多个位置更改“查找”结果等等。分割编辑将当前编辑器以独立视图水平或垂直拆分,并在每个视图中保留一组选项卡。或者在一个窗口中处理多个项目。...无忧无虑模式无论何时您需要全面关注代码,切换到无分心模式 - 无任何工具栏,工具窗口或选项卡简约用户界面。2.智能代码导航智能导航一键导航到声明,超级方法,测试,用法,实现等等。...在Rails应用程序快速切换模型,视图控制器。高级搜索选项跳转到任何类,文件或符号:按模式和文件夹过滤,或使用正则表达式。甚至可以找到任何IDE动作或工具窗口。...结构视图通过使用Structure工具窗口或特殊弹出窗口,可以在类方法(包括继承方法)或HTML标记之间轻松切换。使用层次结构窗格查看搜索类类型,还有超类型子类型。

2.1K10

从零开始Android:常见UI设计模式

在本教程,您将学习其中一些模式,以及它们如何通过在使用应用程序时创造出色体验来帮助用户。 1.主画面 用户在打开应用程序时看到第一个屏幕通常是最重要。...幸运是,Android用户熟悉一些常用导航模式,以帮助您创建可以使用出色应用程序。 标签 选项卡通常与列表详细信息模式结合使用。...当您应用程序只有几个部分时,此模式很有用,因为它为用户提供了一种快速简便方法来更改视图。 但是,如果要在选项卡中放入五个或更多项目,则应考虑将导航操作移到抽屉。...根据Android材料设计指南,选项卡也可以存在于屏幕底部,如Google+应用程序所示。 导航抽屉 导航抽屉是一个视图,可以从应用程序侧面滑出,以便向用户显示选项列表。...结论 尽管这还远远没有列出Android用户界面设计模式,但已向您介绍了Android上一些最常见模式,以及如何使用它们来提高应用程序可用性。

2.6K20

iOS开发UINavigation系列三——工具栏UIToolBar

iOS开发UINavigation系列三——工具栏UIToolBar         iOS除了UINavinationBar之外,还有工具栏UIToolBar可以供我们使用工具栏导航栏十分类似,...只是功能更加简单,工具栏也有UIBarButtonItem按钮,在前两篇博客,对导航导航项都进行讨论,地址如下: UINavigationBar:http://my.oschina.net/u.../2340880/blog/527706 UINavigationItem:http://my.oschina.net/u/2340880/blog/527781         导航栏一般会出现在视图头部...,与之相对,工具栏一般会出现在视图底部,上面可以填充一些按钮,提供给用户一些操作。...下面是UIToolBar一些方法,其中大部分在UINavigationBar中都有涉及,这里只做简单介绍: //工具栏风格,导航栏类似,有黑白两种 @property(nonatomic) UIBarStyle

54410

iOS小技能:适配安全区域距离(safeAreaInsets)

引言 应用场景1:自定义导航栏内容,导航栏显示公告标题 应用场景2:自定义视图底部工具栏 应用场景3: 适配上拉加载更多控件 _vcView.tableView.mj_footer.ignoredScrollViewContentInsetBottom...但是如果一个view没有在视图层次结构或未在屏幕上显示, 则safeAreaInsets为0; 1.1 问题 视图底部工具栏显示到安全区域之外 1.2 判断安全区域距离 #define isIphoneX..."tabBar高度:%f",tabBarHeight); 1.3 使用static inline方式编译函数,防止静态分析 使用inline方式将函数在调用处强制展开,防止被hook追踪符号。...navView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, kWidth, kStatusBarHeight)]; 2.2 应用场景2:自定义视图底部工具栏...自定义视图底部工具栏显示到安全区域之外 如果有安全区域距离,则视图距离底部高度进行相应调整 [_vcView mas_makeConstraints:^(MASConstraintMaker

3.4K30

调度工具 taskctl-> Designer 设计IDE环境

视图子菜单里工具栏”菜单项可对工具栏进行隐藏显示。...4.5、一些快捷操作技巧 4.5.1、如何快速在图形设计器定位指定任务 Designer提供了多种方式来定位任务,您可以在图形设计器工具栏里面的任务搜索框输入节点名称关键词,系统自动弹出匹配任务列表...如果您对该模块结构比较熟悉情况下,也可以在任务节点树里面选中期望任务节点进行定位。 4.5.2、如何快速在图形设计器定位指定模块 在流程开发过程,难免会遇到一个流程很多模块,多级引用情况。...Designer提供了多种方式导航到流程下指定模块设计器。下面示例怎样利用“模块导航器”快速打开模块设计器。 1、点击模块设计器工具栏“ ”按钮,即打开模块导航器。...4.5.4、如何快速将大模块拆分更多小模块 您可以在模块代码框选所期望划分为子模块代码片段(应遵循TASKCTL代码设计规则),然后使用热键“Ctrl+P”弹出新建子模块窗口,在其中键入模块名称后确认以完成操作

2K30

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

在第一篇文章第一篇文章,你已经学到了Interface Builder基本用法来创建和连线多个控制器,以及使用在storyboard可以通过直接创建自定义tableViewCell....---- 然后在Player控制器导航控制器之间就会出现一个新箭头: 连接类型是segue(发音:赛格威),表示从一个控制器到另一个控制器过渡.到目前为止,你所看到storyboard 上连线都是一个个关系并且它们描述了一个包含另一个....在控制器里创建一个unwind方法,可以返回到上一个控制器. 3.在storyboard连接方法对象....从工具栏打开Assistant Editor ,然后在跳转栏里选择Preview.在辅助编辑器左下方,点击’+’号符号,添加新屏幕尺寸来预览.想要去除一个屏幕尺寸,选中它然后点击Delete键删除....tableView视图控制器里起作用. ---- Note: 如果你创建了一个有很多静态单元格控制器–很多都适合可见frame–然后你可以用鼠标或触摸板滑动手势(2指点击)滑动它们在Interface

3.2K10

iOS导航使用总结

目录: 一、设置导航栏样式 二、解决自定义导航栏返回按钮后侧滑不可用问题 三、隐藏导航底部分割线 四、导航栏引起布局问题 相关文章:iOS状态栏使用总结 一、设置导航栏样式 设置导航样式可分为全局设置与局部设置...设置导航栏样式效果图 2.局部设置: 全局设置后,如果只有其中几个页面导航栏样式不同,那么我们可以使用局部设置。...导航视图层级图 从图中可以看出,导航底部分割线是一个UIImageView对象,而且高度只有0.5,所以我们可以据此获取到导航底部分割线对象,在一个视图控制器实现此需求,代码如下: #import...导航栏透明情况下,滑动视图自动偏移,普通视图被遮挡 其实,这种系统优化也是可以控制关闭,关闭优化之后,滑动视图就会普通视图一样,如果还设置其布局原点是(0,0),其内容就会被导航栏所覆盖,关键代码如下...,默认值是UIRectEdgeAll,即:当前视图控制器里各种UI控件会忽略导航标签存在,布局时若设置其原点设置为(0,0),视图会延伸显示到导航下面被覆盖。

3.1K20

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

工具栏可以显示一个标志,导航图标(如汉堡包菜单),标题 副标题操作列表。标题子标题被扩展这样以来标志导航图标显示在左边,标题副标题在中间并且操作 在右边。         ...如果工具栏具有唯一子级,它将显示在标题操作之间。...,包括带有sticky页眉部分,页眉页脚支持,回调到可用数据最后()设备窗口变化可见行集(onChangeVisibleRows),以及一些性能优化。         ...如果重新呈现它们耗费很大,那就把它们包在StaticContainer或其他适当机制。在每一个呈现过程,页脚始终是在列表底部,页眉始终在列表顶 部。...removeClippedSubviews布尔型         实验: 当为真时,屏幕以外视图(它overflow值是`hidden )从本地备份superview删除

42440

使用 Material Design 组件实现 Material 动效

本文会介绍上面每种模式,并解释如何将这些模式应用到您应用。我将会通过在示例应用 Reply (一个简单易用邮件客户端) 实现对应效果来说明每个步骤。...使用容器变换,实现视图动画切换,可帮助增强它们之间联系,并维持一个用户 导航上下文。...如果没有设置退出时过渡,我们邮件列表会被立刻删除并从视图中消失。 如果我们在这个时候运行代码,从详情页导航返回到邮件列表页,则返回过渡不会执行。...您可以在自己项目有趣地方来使用淡入淡出模式,比如: 底部导航切换、列表项交换,或替换一个工具栏菜单。 一往无前! 本文简要介绍了 Android Material 动效系统。...点击文件夹、打开搜索、在底部导航间切换,这些都用到了 MDC-Android 过渡效果。

1.9K20

熟悉Android Studio界面,开始装逼卖萌

其中区域1为菜单栏,区域2为工具栏,区域3为导航条,区域5为代码编辑区,区域4、6为工具窗口,底部区域7为状态栏,左侧、右侧状态栏上部区域为工具条,接下来就一一拆解进行了解。...菜单栏提供了文件管理、编辑、视图导航、代码检查、分析、重构、构建、运行、工具、版本控制系统等功能。 2工具栏 工具栏详细如下图: ?...工具栏工具都是从菜单栏中提取出来一些常用功能,为是能够快速操作。...5工具条 工具条是用来放置工具,点击后可以展开工具窗口。Android Studio工具条分布在主界面的左右两边底部(状态栏上面)。...7.5收藏夹工具窗口: Favorites 在使用Android Studio日常编码如果某个文件或某段代码是我们经常需要查看或使用,那就可以把它添加到收藏夹,以便快速查看。

3.1K60

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

栏 标准横幅位置 屏幕底部没有栏 屏幕底部 屏幕任何地方都没有栏 屏幕底部工具栏(toolbar)或标签栏(tab bar) 底部上方 将中等矩形横幅广告视图放置在不会干扰内容地方。...标准横幅一样,中等矩形横幅也最好放置在屏幕底部底部附近。放在底部附近也能减少干扰用户可能性。 当用户体验存在中断时请使用模态视图来展示全屏横幅广告。...用户对系统提供按钮含义行为都很熟悉,所以尽可能使用系统动作按钮。如果应用没有工具栏导航栏,那就要另当别论了。...在这种情况下,你就需要自己设计一个可以出现在应用主界面的打印按钮,因为动作按钮只能在工具栏导航栏中使用。...另外要注意是,在导航视图中显示文件预览意味着允许Quick Look在导航栏上放置特定预览控件。(如果视图中包含工具栏,Quick Look会将预览控件放在工具栏上。)

3.3K50

原 Intellij IDEA 2017

如果想要删除列表最近项目,按照下面的步骤: 使用tab键切换到最近项目列表 然后使用箭头键选择你要删除项目 点击X号或者按delete,弹窗提示是否删除,确认即可删除 >如果已经打开项目,可以通过file...##快速启动 使用选项中提供链接,可以快速创建项目、打开或导入已经存在项目、从版本控制系统检出项目。 通过选择configure下拉按钮,可以配置你工作环境项目。...此外,在一些项目的特殊部分(源码文件,class等等),还有一些上下文相关弹出式菜单执行命令,大多数命令都有相关快捷键以便你能快速执行它。...如果你习惯使用语境菜单方式,可以隐藏工具栏。默认情况下,工具栏是隐藏,可以选择view|toolbar方式展示。 导航导航栏是替换项目工具窗一种快速方案。...这个闪耀图标标示IDE内部发生错误,点击可以查看错误提交。 显示内存使用情况,默认不显示 视图模式 基本 Intellij Idea提供了集中特殊视图

2.7K60

Pycharm最常用快捷键及使用技巧

3.8:您可以使用Ctrl + F12(导航|文件结构)在当前编辑文件快速导航。 它显示了当前班级成员名单。 选择要导航元素,然后按Enter键或F4键。...3.12:要在任何视图(项目视图,结构视图或其他)快速选择当前编辑元素(类,文件,方法或字段),请按Alt + F1。...3.19:Ctrl + Shift + J快捷键将两行合并为一行,并删除不必要空格以符合您代码样式。 3.20:如果光标位于方法调用括号之间,按下Ctrl + P将弹出一个有效参数列表。...3.22:使用Ctrl + Shift + F7(Edit | Find |突出显示文件用法)快速突出显示当前文件某些变量用法。 使用F3Shift + F3键浏览突出显示用法。...3.30:为了帮助您了解主菜单每个项目的用途,将鼠标指针放在该项目上时,其简短说明会显示在应用程序框架底部状态栏

2.7K20
领券