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

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

API注释 想要了解如何在代码中定义信息按钮,可以参考UIButton. iOS包含了两种信息按钮样式:适用于浅色内容上的深色按钮,以及适用于深色内容上的浅色按钮。...4.3.6 标签 标签用于放置静态文本。 ? API注释 想要了解如何在代码中定义标签,可以参考UILabel Class Reference....标签可以: 展示任意数量的静态文本 禁止除了复制文本外的任何用户交互行为 你可以使用标签来命名或解释你的部分UI,又或者用它来给用户提供一些简单的信息。标签最适合拿来展示相对简单的文本信息。...因为表格视图的高度较大,内容滚动起来会更快。 4.3.10 进度视图 进度视图展示了任务或进程的进度(下图是iOS默认邮件App的工具栏)。 ?...横屏模式下警告框的高度会受到限制,其大小与竖屏下可能会有区别。我们推荐您限定好警告框的最大高度,保证在竖屏和横屏模式下文字均能不需要滚动便可完整地显示。 一般情况下,使用两个按钮的警告框。

13.2K30

iOS UI控件了解一下

iOS中用UIView来表示视图,App中能看到的元素,都是UIView及其子类,通俗的说各种UI控件都属于view,不同的控件代表不同种类的view。iOS中所有能看到的内容都是view或其子类。...(1)UILabel(标签):是显示文本的控件,在App中UILabel是出现频率最高的控件。...5)文本显示: UITextField提供了许多API方便我们控制文本的显示,包括字体颜色、对齐方式、占位符等等(详见下表) ?...注:UIButton : UIControl : UIView(详见下表) ? 5)外观控制: UIButton提供了外观控制的API。包括标题、背景图⽚片、前景图⽚片等(详见下表) ?...总结 该文主要分享了UI相关的概念,重点介绍了所有可视化控件的基类UIView及其属性和相关方法,并详细介绍3个最常见的UI控件-UILabel(标签)、UITextField(输入框)、UIButton

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

《Motion Design for iOS》(十五)

从UIKit和CoreAnimation开始 通常情况下,iOS app中屏幕上的物体都是UIView对象。它们是矩形的并且有坐标和大小来定义它们在屏幕上的位置和尺寸。...每个视图都可能伴随着文本、形状或图片绘制。...包括作为界面按钮的UIButton、用来显示图片的UIImageView、显示文本的UILabel和显示列表的UITableView。你也可以通过绘制任何你想要的东西来完全自定义UIView。...运营商图像视图(苹果控制) wifi信号强度视图(苹果控制) 当前时间视图(苹果控制) 电池等级视图(苹果控制) “汉堡包”菜单按钮 标题栏中的标题标签 改变子板的按钮 一个UITableViewCell...视图,用来包含UITableView中一行的元素 UILabel中的帖子标题 评论数量UIButton,由一个评论气泡图和评论的数量组成 显示帖子URL的UILable UILabel中显示帖子的点值和子板

84640

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

最初学iOS的时候苦于没有大神指点,全靠自己一点点摸索,确实走了很多弯路,希望还有小伙伴跟我一样走过多的弯路。   ...由于本人只是从去年11月份才开始玩iOS(附上自己的学习路线,如下图),受限于能力,难免有一些不完善或恰当的地方,希望大神们多多见谅,勿拍砖,有不足或需要完善的地方也希望小伙伴们能多多指教。 ?...作为iOS开发的入门总结的第一篇,这里以最常见的注册或登陆页面设计作为开篇,这里主要会用到UILabel,UIButton,UITextField这三个控件。...一.注册或登录界面 如下图,实现了一个注册或登录界面,这里先只介绍单个页面,介绍点击“完成”按钮后的动作,在之后的系列《iOS开发入门总结》中会逐步介绍,等基础知识介绍的差不多了,就可以以一个完整的注册系统作为小结....默认是保持原来大小,而让长文本滚动 textFied.adjustsFontSizeToFitWidth = YES; //设置自动缩小显示的最小字体大小 text.minimumFontSize

2.3K50

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

made in 小蠢驴的封面 背景:目前的iOS环境,相信大部分的人都还是做的业务开发,一个好的工具类,可以极大的提供开发效率,简化繁琐的设置步骤。...的常见创建方式,设置按钮的标题、字体大小、颜色、背景色、点击事件、添加到父控件等等,基本上每个属性都是要通过[ ] 设置,最麻烦的是经常要通过forState:UIControlStateXXX设置状态...控件如果登场率如果不能排在第一,那么比它更常见的非UILabel莫属了,和UIButton一样,UILabel很常见,又经常有许多属性需要设置 - 字体大小、颜色、内容等等 //快速设置内容,文字颜色,...2,rua~~~测试-我是标题2,rua~~~测试-我是标题2,rua~~~测试-我是标题2,rua~~~测试-我是标题2,rua~~~测试-我是标题2,rua~~~测试-我是标题2,rua~~~";...SVProgressHUDMaskTypeBlack - 不可交互,背景色变黑(iOS7.0+) 。

1.6K80

iOS 应用开发 】 UIKit 控件 ( UIView 属性 | storyboard 设置 | 模拟器 | 拖线关联 | tag | 软键盘操作 | 颜色值 | 代码生成控件 | 动画设置 )

对象库; 2.上拉扩展 对象库 面板 大小 : 将 鼠标移动到 对象库 面板的上边缘, 可以 扩大 对象库 面板框 大小; ---- ( 2 ) iOS 常用 控件 iOS 常用控件 : 1.UILabel...: 文本标签 控件, 显示 一个 字符串 文字; 2.UIButton : 按钮 控件, 可设置 点击事件监听器, 监听到 用户 点击后 进行一个操作 ; 3.UITextField : 文本输入框..., 然后拖入第 2 个, 拖入第二个标签时会显示对齐信息, 该控件用于接收用户输入的数字, 然后进行加法计算; 2.拖入 Label 控件 并设置文本 : Label 标签文本显示标签, 只能单纯的显示文本..., 不能进行操作; 如果在 storyboard 界面修改文本标签, 该标签会自动缩放到刚好包裹文本大小; 依次拖入两个 Label, 然后双击控件, 将 Label 重命名为 + 和 = ;...控件 : 添加一个 UIButton 控件, 修改标题为 “修改随机颜色” 从控件到 UIViewController.m 中拖线, 点击方传入 Sender , 参数如下设置; 生成的方法为 - (IBAction

4.7K30

IOS开发基础系列】Table View开发专题

下面一一介绍这4种基本格式:     1、UITableViewCellStyleDefault         该格式提供了一个简单的左对齐的文本标签textLabel和一个可选的图像imageView...2、UITableViewCellStyleSubtitle         该格式与前一种相比,增加了对detailTextLabel的支持,该标签将会显示在textLabel标签的下面,字体相对较小...4、UITableViewCellStyleValue2         该格式居左现实一个小型蓝色主标签textLabel,在其右边显示一个小型黑色副标题详细标签detailTextLabel。...tabbar的高度就好了。     ...44         因为在iOS5的时候, 默认Cell就是320宽(那阵屏幕就是那么宽,然后高度是44) 现在是在layoutSubViews 重新绘制这个cell的宽度和高度,所以才是屏幕上的宽度

28420

Material Design — Navigation drawerStandard drawer Modal drawer Bottom drawer

每个项目都使用文本标签和可选的图标来描述其目的地。 目的地标签 文本标签应该清晰且足够短,以免被 sheet 切断。 ? 可以只有文本标签无图标 ? 保持文本标签简短,但是长度实在太长时就截断 ?...不要换行不要缩小 目的地icon(可选) Icon 可以对标签作为目的地的进行补充。 使用时,应始终放置在文本之前。 App 内组件和内容应参考这些图标。 ?...可见性 Standard navigation drawer 的可见性取决于屏幕大小,app 布局和使用频率。...在滚动时,drawer 的标题变成了一个高的 top app bar,并具有很好的可供性。 ?...每个项目可以被激活,激活,盘旋,聚焦和按下。 ? ? 不能同时激活两个项目

3.8K40

iOS 应用开发 】 UIKit 控件 ( 代码生成控件 | UIView 属性方法 | Storyboard | Bundle | Property List | 动画 | 图片内存优化 )

) 3. iOS 应用启动步骤简介 ( 1 ) iOS 应用启动步骤 五....都需要把握好 , 宽度如果不够 , 后面会出现 … 的 省略情况 , 同理 高度不足 也会出现这种情况 ; ---- ( 2 ) UIButton 启用 禁用 ( ① enabled 属性 YES NO...) Storyboard 本质 : 向 首界面 拖入 一个 UILabel , 并查看 该文件 ; 1.使用文本编辑器查看 : 使用 Subline 文本编辑器查看 Storyboard 界面..., 发现 其本质 是一个 纯文本 的 文件 ; 该方式 与 Android 的 布局文件相似 ; 2.xml 文本 : 该 文本 本质 是 一个 xml 文件 ; 3.Xcode 中使用文本打开...As -> Source Code 即可 查看 源码 ; 4.查看 代码 样式 : 5.UILabel 代码 分析 : 其中 text 属性 就是 显示 文字 , rect frame 子标签

3.6K40

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

例如:按钮、开关、文本框和进度条,都属于典型的控件。 ---- iOS的6种栏(Bars) ?...Phone 使用这种方法,而Music 则使用大标题来区分内容区域。在iOS 13及更高版本中,默认情况下,大标题导航栏包含背景材质或阴影。另外,随着页面滑动,大标题要转换为标准标题。 ?...五、标签栏(Tab Bars) 标签栏出现在页面底部,可以在APP的不同模块之间快速切换。标签栏是半透明的,也可添加背景颜色。所有页面的标签栏应保持相同的高度,并且在弹出键盘时隐藏。...标签栏可能包含N个标签,但可见标签的数量因设备大小和方向而异。如果由于水平空间有限而无法显示某些标签,则最后一个标签会变为“更多”标签,从而需要在另一个页面上显示的其他标签。...标签栏和工具栏永远不会在同一视图中同时出现。 提供相应的工具栏按钮。工具栏应该是当前页面中有意义并且常用的命令。 思考图标或文本标题按钮哪个更适合。当你需要3个以上的工具栏按钮时,图标的效果更好。

9.8K10

iOS 开发】iOS 开发 简介 (IOS项目文件 | MVC 模式 | 事件响应机制 | Storyboard 控制界面 | 代码控制界面 | Retina 屏幕图片适配)

属性 :  -- 作用 : 控制文本 字体 文字大小 风格等属性; -- System : 系统默认字体, 不能修改 Family Style Size 属性; -- System Bold :..., 设置的值是字体大小; -- Tighten Letter Spacing : 勾选该复选框 会自动压缩字符串中的空白, 保证 UILabel 能容纳这些文本中的内容; (9) Highlighted...* button = [UIButton buttonWithType : UIButtonTypeRoundedRect]; // 设置按钮大小 button.frame = CGRectMake...* button_add = [UIButton buttonWithType:UIButtonTypeRoundedRect]; // 设置按钮位置大小 button_add.frame...* button_delete = [UIButton buttonWithType:UIButtonTypeRoundedRect]; // 设置按钮的位置大小 button_delete.frame

4.9K30

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

使用简单的活动标题来描述你的任务。标题显示在活动视图中的图标下方。短标题最好。当标题太长时,iOS首先缩小文本,然后如果标题仍然太长直接将其截断。一般来说,请避免在标题中包含你的公司名称或产品名称。...避免使用代词,如你,你,我,和我的等,它有时会比较容易被误解为侮辱或尊重。 避免去解释警告按钮的作用。如果的的警告文本和按钮标题是明确的,那么就不需要去解释按钮是做什么的。...四、集合(Collections) 集合主要用来管理一系列有序的内容,例如一组照片,并以可自定义和高度可视化的布局呈现。因为集合没有强制执行严格的线性格式,所以它特别适合显示大小不同的项。...十一、文本视图(Text Views) 文本视图主要用以显示多行样式的文本内容。文本视图可以是任何高度,并可以通过滚动的方式显示额外的内容。...使用网页视图让用户在不离开APP当前页的情况下,短暂地访问网站很好,但Safari是用户在iOS上浏览网页的主要方式。所以在你的APP中提供与Safari相似的功能没有必要的,而且也鼓励这样做。

8.4K31

IOS开发基础系列】UIAlertController专题

重要参考链接: iOS 8中使用UIAlertController http://www.cocoachina.com/ios/20141126/10320.html         iOS 8的新特性之一就是让接口更有适应性...是使用对话框(alert)还是使用上拉菜单(action sheet),就取决于在创建控制器时,您是如何设置首选样式的。...UIAlertAction由标题字符串、样式以及当用户选中该动作时运行的代码块组成。...由于在本例中我们是使用了常规的UIButton来触发上拉菜单的,因此我们就将其作为描点。         ...在iOS 8中我们不再需要小心翼翼地计算出弹出框的大小,UIAlertController将会根据设备大小自适应弹出框的大小。并且在iPhone或者紧缩宽度的设备中它将会返回nil值。

35030
领券