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

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

API注释 想要了解如何在代码中定义信息按钮,可以参考UIButton. iOS包含了两种信息按钮样式:适用于浅色内容上的深色按钮,以及适用于深色内容上的浅色按钮。...4.3.12圆角矩形按钮 iOS7及更新版本中已经不再使用圆角矩形按钮,而是使用了新的系统按钮——类型为UIButtonTypeSystem的UI按钮 (UIButton) 。...想要了解更多如何在代码中定义系统按钮,可以参考 UIButton....系统按钮: 默认状态下不含边界,也不含背景图 可以是图标或者文字标题 支持自定义样式,如描边或者加背景图(想要自定义按钮外观,可以使用 UIButtonTypeCustom 类型的按钮,并且提供背景图片...你可以自定义一个文本框,帮助用户更好地理解如何使用它。举个例子,你可以在文本框的左侧或者右侧加入自定义图形,或者加入系统按钮,如书签按钮等。

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

    iOS UIButton解读

    UIButton控件是应用界面中常用的一个控件,用法总结: 一、初始化 UIButton的初始化一般使用其类方法,+ (id)buttonWithType:(UIButtonType)buttonType...//系统默认风格                            UIButtonTypeSystem NS_ENUM_AVAILABLE_IOS(7_0),      //一下这三种创建出来的按钮一样...*tintColor NS_AVAILABLE_IOS(5_0);  //这个属性会作用于标题和图片,但是如果你是自定义风格的按钮,这个属性将不起任何作用,它只作用于系统的 @property(nonatomic...:(UIControlState)state; //设置标题和显示当前标题的按钮状态  - (void)setTitleColor:(UIColor *)color forState:(UIControlState...//通过AttributeString创建标题 注意:按钮图片设置和背景图片的不同在于:         1、设置图片,如果有标题会和标题并列显示         2、设置背景图片会出现在标题下面

    60720

    《iOS Human Interface Guidelines》——System Button系统按钮

    系统按钮 系统按钮执行一个app特定的动作。 API NOTE 在iOS 7中,UIButtonTypeRoundedRect被重新定义成UIButtonTypeSystem。...查看UIButton学习更多关于在你的代码中定义一个系统按钮的内容。...一个系统按钮: 默认没有边框或者背景外观 可以包含一个图片或者文本标题 支持自定义外观,比如边框或者背景图片(使用UIButtonTypeCustom类型的按钮并提供一个自定义的背景图来添加自定义的外观...当你给一个系统按钮提供标题时,遵循下面的方法: 使用一个动词或者动词短语来描述按钮执行的动作。一个对应动作的标题告诉用户按钮是可交互的以及点击时会发生什么。 使用标题风格的大写。...除了文章、并列连词和少于四个字母的介词以外每个单词都要大写。 不要创建太长的标题。太长的文本会被截断,这会让用户很难理解。 合适的话,在内容区域给系统按钮添加边框和背景外观。

    65620

    1.注册或登录页面设计:UILabel,UIButton,UITextField

    学习iOS开发已经有一段时日了,之前一直没有系统的对iOS开发的相关知识进行归纳总结,导致很多知识点云里雾里在脑子里形不成iOS开发的思想,现将自己在学习过程中遇到的一些知识进行总结,希望能对iOS初学者能有一定的帮助...最初学iOS的时候苦于没有大神指点,全靠自己一点点摸索,确实走了很多弯路,不希望还有小伙伴跟我一样走过多的弯路。   ...作为iOS开发的入门总结的第一篇,这里以最常见的注册或登陆页面设计作为开篇,这里主要会用到UILabel,UIButton,UITextField这三个控件。...一.注册或登录界面 如下图,实现了一个注册或登录界面,这里先只介绍单个页面,不介绍点击“完成”按钮后的动作,在之后的系列《iOS开发入门总结》中会逐步介绍,等基础知识介绍的差不多了,就可以以一个完整的注册系统作为小结.../* 给button添加事件,事件有很多种,我会单独开一篇博文介绍它们,下面这个时间的意思是 按下按钮,并且手指离开屏幕的时候触发这个事件,跟web中的click事件一样

    2.4K50

    《Motion Design for iOS》(十五)

    从UIKit和CoreAnimation开始 通常情况下,iOS app中屏幕上的物体都是UIView对象。它们是矩形的并且有坐标和大小来定义它们在屏幕上的位置和尺寸。...比如说,iOS app中的状态栏是一个长且瘦的视图,处于屏幕的顶端,并且状态栏目中的每个物体(时间、电池指示器、信号强度指示器等等)都是状态栏视图中的其它视图。...这些是为某些功能或特性特定的特殊的UIView对象。包括作为界面按钮的UIButton、用来显示图片的UIImageView、显示文本的UILabel和显示列表的UITableView。...运营商图像视图(苹果控制) wifi信号强度视图(苹果控制) 当前时间视图(苹果控制) 电池等级视图(苹果控制) “汉堡包”菜单按钮 标题栏中的标题标签 改变子板的按钮 一个UITableViewCell...视图,用来包含UITableView中一行的元素 UILabel中的帖子标题 评论数量UIButton,由一个评论气泡图和评论的数量组成 显示帖子URL的UILable UILabel中显示帖子的点值和子板

    85640

    UINavigationBar的用法

    UINavigationBar是一个我们在开发中必定会碰到的控件,用好它能帮助我们自定义导航栏的样式,所以今天讲解一下UINavigationBar的用法。...设置导航栏的标题 这个直接是很简单的设置,一行代码搞定 self.navigationItem.title = @"导航栏标题"; 设置导航栏背景颜色 导航栏的背景颜色,也是很简单的 自己替换代码中的颜色即可...,我们设置的返回按钮都是蓝色的默认颜色,那么到底该怎么更改这些按钮的颜色呢 设置返回按钮的颜色,只设置tintColor的颜色就好了 self.navigationController.navigationBar.tintColor...我们自己设置返回按钮,会导致系统的侧滑关闭效果失效。添加上面代码中最后一句代码即可修复。...如果你对返回按钮实在不满意,你可以自定义一个按钮,并把它设置为navigation的leftButton - (void)setCustomLeftButton { UIView* leftButtonView

    2K20

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

    用户知道系统默认的返回按钮能帮助他们在信息层级中追踪自己的路径,如果你想重新设计它,请确保使用一个自定义的蒙版图层 (custom mask image),它可以在iOS中让这些按钮标题在系统各转场中出现或者消失...请注意,iOS本身提供了若干内置的服务,如打印,转发到Twitter,发送信息和Airplay等等,你不需要再额外为这些内置任务创建活动。...注意 你不能改变系统默认服务在控制器中的顺序。同时,所有系统服务都应该出现在自定义服务之前。 4.2.3 集合视图 集合视图用于管理一系列有序的项,并以一种自定义的布局来呈现它们。 ?...浮出层: 是一个自包含的模态视图 在横屏环境中,浮出层会包含一个箭头,指向其出处 背景是半透明的,并且会模糊其背后的内容(毛玻璃效果) 可以包含多种对象和视图,比如: 表格,图片,地图,文本,网页或者自定义视图...Value 2的布局中,文本和副标题中间的垂直间距会让用户专注于副标题的第一 个单词。 ? 重要 以上四种单元格样式均支持添加表格视图元素,如勾选或展开标志。

    10.1K51

    iOS学习—— UINavigationController的返回按钮与侧滑返回手势的研究

    侧滑返回手势是从iOS7开始增加的一个返回操作,经历了两年时间估计iPhone用户大部分都已经忽略了屏幕左上角那个碍眼的back按钮了。...一 侧滑返回      侧滑返回是系统iOS7自带的一种方便用户进行返回操作而推出的一种新功能。在开发过程中,对侧滑返回进行控制非常简单,主要就是启动侧滑手势和禁用侧滑手势。... 中添加按钮,然后添加按钮的点击功能即可。...,如果你上一级设置的backBarButtonItem的标题过长(没有设置则默认是上一级标题),那么系统可能会自动用“Back/返回”来代替返回按钮中的标题。...此外,如果是自定义的左按钮,则系统不会修改其值。

    6.9K60

    MNKit - 业务开发中简化属性设置的工具类

    made in 小蠢驴的封面 背景:目前的iOS环境,相信大部分的人都还是做的业务开发,一个好的工具类,可以极大的提供开发效率,简化繁琐的设置步骤。...接下来,简单介绍一个我在实际开发中抽取出来的工具类 - MNKit MNButton 业务开发中,UIButton控件应该算最常用的控件之一了,而且它的属性设置还贼麻烦,很多个都是要用 [ set...的常见创建方式,设置按钮的标题、字体大小、颜色、背景色、点击事件、添加到父控件等等,基本上每个属性都是要通过[ ] 设置,最麻烦的是经常要通过forState:UIControlStateXXX设置状态...这一行代码即可创建拥有上面代码所需要的按钮的基本属性 UIButton 除了有文字标题展示的样式之外,也有用image 或者 backgroundImage展示的情况 //一句代码设置 - 按钮背景图片...设置图片是设置BackgroundImage让他铺满整个button,所以这里的方法传入的属性是BackgroundImage ---- MNLabel 业务开发中,UIButton控件如果登场率如果不能排在第一

    1.6K80

    iOS 自定义分段控制器

    image.png 好,看到上图大家应该心里或多或少知道接下来要干的事了,我们一步一步分析如何封装一个好的分段控制器: 1.满足可配置多个子控制器 2.可配置菜单栏各个属性,如字体大小颜色等 3....指示条可配置 4.最好能扩展菜单栏,如最多展示5个,多于5个可左右滑动 5.点击和滑动到某一界面,要知道这是哪个界面 列出来需求,要实现也变得简单了许多: 我们在.h里写出可配置的属性,并写好确定当前是哪个界面的代理...menuBtnWidth*self.titleArray.count, self.btnViewHeight); [self addSubview:_btnView]; //2.标题按钮...创建子视图里有几点需要注意,一是标题按钮的创建,二是设置指示器的位置,三是配置多个内容的控制器视图,仔细看代码,逻辑其实也很简单明了 4.实现按钮点击事件和视图滑动事件 #pragma mark - 事件...,如外面有代理,也会将当前第几个页面的index回调给代理,外部逻辑处理会变得很简单 5.个性配置,即设置属性更改UI 我们实现属性的set方法,在set方法内部更改UI #pragma mark -

    1.3K31

    iOS UI控件了解一下

    在iOS开发及测试中,除了业务逻辑和算法之外,UI控件是最重要的一部分,因此熟悉UI控件及实现原理,对于了解开发实现和测试是相当必要的,这篇文章将给大家介绍常用的UI控件及实现。...iOS中用UIView来表示视图,App中能看到的元素,都是UIView及其子类,通俗的说各种UI控件都属于view,不同的控件代表不同种类的view。iOS中所有能看到的内容都是view或其子类。...在App中UITextField出现频率也比较高; (2)iOS系统借助虚拟键盘实现输入,当点击输入框,系统会自动调出键盘,方便 你进一步操作。...(1)UIButton(按钮):是响应用户点击的控件。在App中UIButton是出现频率很高的控件; (2)UIButton与UILabel、UITextField侧重点不同,侧重于处理点按。...注:UIButton : UIControl : UIView(详见下表) ? 5)外观控制: UIButton提供了外观控制的API。包括标题、背景图⽚片、前景图⽚片等(详见下表) ?

    2.6K20

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

    当点击进入新页面时,其导航栏的左侧会出现一个返回按钮,并带有前一页面的标题。 有时,导航栏的右侧也会有一个控件,如“编辑”或“完成”按钮,用于管理活动视图中的内容。...如果你的APP也用到了这个功能,切记要让用户使用简单的手势(如点按)来恢复导航栏。 导航栏标题 在导航栏中显示当前视图的标题。在多数情况下,标题可以帮助人们了解他们在看什么。...你可以同时提供自定义的蒙版图像,以便系统在转场过渡时使用此蒙版为按钮标题设置动画效果。 不要包括多段面包屑路径。后退按钮始终执行单个操作:返回上一屏幕。...有几种常见的技术可以做到这一点: · 在APP中使用导航栏,该导航栏会自动显示状态栏背景,并确保内容不会显示在状态栏背后 · 在状态栏背后显示自定义图像,如渐变色或纯色 · 在状态栏背后放置模糊的视图...在iOS 13及更高版本中,您可以使用SF符号来表示选项卡栏项目。在所有版本的iOS中,系统API提供了一系列预设图标。当然你也可以自定义图标。

    9.9K10

    React-Native组件之 Navigator和NavigatorIOS

    对于app而言,一款应用往往涉及到很多的页面,而页面之间的跳转Android和iOS实现也各不相同。...在iOS上,系统为我们提供了UINavigationController控件用来专门控制页面的跳转,iOS的实现思路很清晰,为按钮添加action事件,点击之后跳转到指定的页面即可。...Navigator 与 NavigatorIOS 在移动开发过程中,几乎所有的APP中或多或少都会涉及到多个界面间的切换,在React Native中有两个组件负责实现这样的效果 —— Navigator...对象参数调用; navigationBar view 导航的可选组件导航标题栏,需要设置左按钮,右按钮和标题属性。...左边返回按钮的样式: initialRoute={{ component: Home, // 要跳转的页面 title:'首页', // 跳转页面导航栏标题

    4.5K70

    『React Navigation 3x系列教程』之createStackNavigator开发指南

    用于导航样式配置的参数: mode: 页面切换模式: 左右是card(相当于iOS中的push效果), 上下是modal(相当于iOS中的modal效果) card: 普通app常用的左右切换...headerBackTitleVisible : 提供合理的默认值以确定后退按钮标题是否可见,但如果要覆盖它,则可以使用true或` false 在此选项中。...fade-in-place: 标题组件交叉淡入淡出而不移动,类似于iOS的Twitter,Instagram和Facebook应用程序。 这是默认值。 uikit: iOS的默认行为的近似值。...:React 元素或组件在标题的后退按钮中显示自定义图片。...headerBackground:与headerTransparent一起使用,以提供在标题后台呈现的组件。 例如,您可以使用模糊视图来创建半透明标题。

    5K10
    领券