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

iOS UI控件了解一下

UI UI(User Interface)用户界面,即用户能看到各种各样页面元素,iOS App 主要是由各种各样UI控件加业务逻辑算法构成,想要开发出一款精美的应用程序,需要熟练掌握各种各样UI...,提供了许多属性方法:显示效果控制(frame、alpha等)、视图添加移除(addSubview: 等)、视图层次调整(bringSubviewToFront:等)等。...UIView属性frame、bounds、center 1)frame:描述当前视图在其父视图中位置大小; frame是一个结构体,包含2部分内容:originsize。...当一个view设置bounds时,会把自己当成一个容器,定义自己边界大小以及左上角初始坐标。当子视图添加到此视图时,会根据bounds指定原点(0,0)计算frame,而非左上角。...注:UIButton : UIControl : UIView(详见下表) ? 5)外观控制: UIButton提供了外观控制API。包括标题、背景图⽚片、前景图⽚片等(详见下表) ?

2.6K20

猫学习IOS(五岁以下儿童)UI之360其他下载管理器广场UI

必须精品 下载材料:http://blog.csdn.net/u013357243/article/details/44486651 先看效果 主要是完毕了九宫格UI搭建 代码 - (void...(图像 标题 按钮图像) //UIImageView:应用程序图片 UIImageView *icon = [[UIImageView alloc] initWithFrame...,假设最后设置成UIViewContentModeScaleAspectFit的话会超出定义边框,依照原来像素大小来布置。...字体设置 //设置标题 label.text = dict[@"name"]; //设置字体大小 label.font = [UIFont...ps2:昨晚用同学电脑看自己写咋样。发现csdn居然进不去。喵了个咪猫猫就醉了。更醉是发现居然在别的站点有转载,瞬间鸡冻了喵。 版权声明:本文博原创文章,博客,未经同意不得转载。

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

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

UILabel *label1 = [[UILabel alloc]initWithFrame:CGRectMake(50.0, 20.0, 200.0, 50.0)]; //设置Label位置大小...UIImage imageNamed:@"dd.png"]; //设置背景 text.disabledBackground = [UIImage imageNamed:@"cc.png"]; //设置输入框内容字体样式大小....默认是保持原来大小,而让长文本滚动 textFied.adjustsFontSizeToFitWidth = YES; //设置自动缩小显示最小字体大小 text.minimumFontSize...触发了这个事件以后,执行butClick:这个方法,addTarget:self 意思是说,这个方法在本类中 也可以传入其他类指针*/ [button1...这里是将method方法指定给新建这个confirmButton [self.view addSubview:confirmButton]; 若要设置UIButton背景图片时:

2.3K50

UIButton使用方法汇总

//按钮初始化类方法 UIButton *button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect];//这里创建一个圆角矩形按钮 //按钮初始化实例方法...触发了这个事件以后,执行butClick:这个方法,addTarget:self 意思是说,这个方法在本类中也可以传入其他类指针 [button1 addTarget:self action:@selector...如果使用 [UIButtonbuttonWithType:UIButtonTypeRoundedRect]这种方式,是不需要进行release操作,因为 这种方式是自动释放。...文字显示位置,字体大小 今天遇到个很简单几个问题,关于UIButton,以前没有很注意,就是设置它文字显示位置,字体大小。...//设置按钮上自体大小 //[btn setFont: [UIFont systemFontSize: 14.0]];    //这种可以用来设置字体大小,但是可能会在将来SDK版本中去除改方法

1.2K50

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

:(UIControlEvents)controlEvents; 所以接下来讲下这个控件怎么设置才能简便使用 //常见方法: UIButton *btn = [[UIButton alloc]init]...常见创建方式,设置按钮标题、字体大小、颜色、背景色、点击事件、添加到父控件等等,基本上每个属性都是要通过[ ] 设置,最麻烦是经常要通过forState:UIControlStateXXX设置状态...这一行代码即可创建拥有上面代码所需要按钮基本属性 UIButton 除了有文字标题展示样式之外,也有用image 或者 backgroundImage展示情况 //一句代码设置 - 按钮背景图片...,那么比它更常见非UILabel莫属了,UIButton一样,UILabel很常见,又经常有许多属性需要设置 - 字体大小、颜色、内容等等 //快速设置内容,文字颜色,字体大小,父控件 [MNLabel...所有带‘number s’方法,都是该控件会在number秒后自动消失,如果没带时间,就是要手动设置[SVProgress dismiss], 这里建议,如果有封装AFNetworking工具类

1.6K80

完美解决UIButton imageView大小控制问题,完美适配iOS13系统图标的降级方案

使用图片降级方案时,按钮中图片大小成为烦恼 我们知道按钮中图标,一般需要随着按钮大小自动调整,而在xcode中,我们将图片资源设置到对应storyboard 或是 代码中 imageView,...UIButton.setImage 都会出现,图片保持了原图大小这样问题,并且还是被拉伸状态。...UIButtonimageViewsize,frame,但是没有任何效果,网上查了很多在这个部分也是毫无收获,后来发现UIButton图片机制完全是基于 imageEdgeInset 自动计算...下面是我解题思路方程式: 既然苹果是自动计算,那我也自己也来自动计算一下图片大小好了~ extension UIButton{ // 使用SF图标 size期望图标大小 为空自动计算最佳大小...3 拿到期望图标大小 / 计算最佳大小 ( 图标大小不能超过按钮 2/3高度, 只考虑正方形图标容器 ) 4 计算间隙 ( 图标默认离文字要有 1/5 距离 ) */

1.1K20

Swift-MVVM 简单演练(三)

completion(true) } 之前对比一下,应该会看更清楚 ---- 更改导航栏标题显示样式 之前微博版本现在多少有点区别,在首页导航栏标题位置仅仅是显示自己昵称...这里不去做那么复杂,只是表达一下,更改导航栏标题显示样式Button文字图片左右对调,之前我也写过Objective-C相关方法iOS-自定义 UIButton-文字在左、图片在右(一)、iOS-...btn.isSelected } 利用layoutSubViews方法重新调整按钮文字图像位置 在调用override func layoutSubviews()方法时候,一定要调用super.layoutSubviews...Xcode每年会更新一个版本号8.3.3 次版本号:意味着小修改,某些函数方法使用或者参数有变化,对应APP可能是功能不变,但是新增了附加一些新功能 修订版本号:程序内部bug修订,一些功能紧急修复...这里有一个关于自动布局开发使用原则: 所有使用约束设置位置控件,不要再设置 frame 原因:自动布局系统会根据设置约束,自动计算控件frame 在layoutSubviews函数中设置frame

2.5K30

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

刷新控件: 看起来类似活动指示器 可以出现在标题中 默认状态下不可见,当用户在表格上缘往下拖拽以刷新内容时才出现 使用刷新控件,给用户提供一个一致方式来了解一个表格或其他视图内容更新,而不需要等待下一个自动更新...就算你使用了刷新控件,也不要因此就不支持内容自动刷新。尽管用户喜欢在执行刷新操作时内容立刻刷新,他们也同样会喜欢内容自动刷新。...请在必要时调整分段控件中文本对齐方式。如果你给分段控件添加了自定义底图,请确保控件里自动居中文本依然清晰美观。...比如说,一个图调整图片尺寸滑块可以在最小值左边放一张小图,在最大值右边放一张大图。 根据Thumb所在位置当前滑块状态来为滑块轨迹定义不同颜色 不要使用滑块来显示音量控制。...但在某些特定内容区域内,为按钮描边或者添加背景颜色,让用户迅速地把注意力放到按钮上,也是必要。Value 2布局中,文本标题中间垂直间距会让用户专注于副标题第一个单词。

13.2K30

iOS开发系列——纯代码实现iOS开发

属性),初始化windows大小位置 self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]...KCMainViewController *mainController=[[KCMainViewController alloc]init]; //设置自定义控制器大小window...; } 然后在我们自定义KCMainViewController.m中添加一个UIImageView、两个控件UITextField一个UIButton控件,并且实现具体登录方法。...理论上也可以有多个UIWindow但是只有一个是Window,而且只有主Window可以用户交互),UIWindow也是继承自UIView,它拥有UIView所有属性、方法; 在UIWindow中必须有一个根控制器...当窗口设置为可见过程中会调用视图控制器loadView方法来加载视图(注意视图控制器loadView方法是延迟加载,第一次调用视图控制器view属性才会调用此方法;由于makeKeyAndVisible

3.4K60

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

; -- 自动链接 : 框架库一旦被添加到该目录后, 会自动链接到应用中, IOS 应用可以调用这些资源 库中 函数; -- 系统默认框架 : Foundation.framework,..., 勾选后, 超出部分就不会被绘制; -- Autoresize Subviews : 是否自动调整子控件大小, 如果勾选, 该控件大小改变时, 其子控件也会随之调整大小; (7) Streching...Size : 设置最小字号大小, 设置值是字体大小; -- Tighten Letter Spacing : 勾选该复选框 会自动压缩字符串中空白, 保证 UILabel 能容纳这些文本中内容...[super viewDidLoad] 把父类方法调用了, 在其后追加自己处理内容; -- didReceiveMemoryWarning 方法 : 系统自动回调, 内存紧张时会调用此方法, 在方法内释放内存...:(NSDictionary *)launchOptions { // 创建UIWindow对象,并初始化该窗口大小屏幕大小相同 // 程序将创建UIWindow对象赋值给该程序委托对象window

4.8K30

自定义UITabBar--实现类似新浪微博中间发送按钮

版权声明:本文为博原创文章,未经博允许不得转载。...https://blog.csdn.net/u010105969/article/details/52710240 之前公司提出一个需求,让点击tabBar上中间一个按钮然后发送一些内容,效果就像新浪微博中中间发送按钮...可由于公司有其他功能需求所以这个需求也一直没有真正地下达。最近看一个网上视频教程,发现有一个自定义tabBar正好公司之前需求吻合,于是就将代贴出来了。...中调整各个tabBarButton位置,并添加一个按钮作为tabBar上发送按钮...这样同样实现了我们所想要效果。不知这种方法可取吗?如有人看了我疑问且有好回答,愿写下您回答。谢谢!

60120

iOS 图标图像 (官方翻译版)

大多数JPEG文件可以被压缩,而不会明显降低所得到图像。即使是少量压缩也可以节省大量磁盘空间。在每个图像上进行压缩设置,以找到可以获得可接受结果最佳值。 提供图像图标的替代文本标签。...字形,也称为模板图像,是具有透明度,抗锯齿功能单色图像,并且没有使用掩模来定义其形状阴影。字形根据上下文用户交互自动收到适当外观,包括着色,突出显示活力。...如果个别图标设计重量不同,则某些图标可能需要略大于其他图标才能实现此效果。 ? 导航栏工具栏图标大小 准备自定义导航栏工具栏图标时,请使用以下尺寸进行指导,但是根据需要进行调整以创建余额。 ?...image.png 标签栏图标大小 在纵向方向,标签栏图标显示在标题标题上方。在横向上,图标标题并排出现。根据设备方向,系统会显示常规或紧凑标签栏。您应用程式应包含两种尺寸自订标签栏图示。...使用Xcode故事板是推荐方法,因为故事板是灵活适应性强。您可以使用单个故事板来管理所有的启动屏幕。要了解如何实现适应性界面,请参阅自动布局指南。

3.6K40

iOS-自定义button详解

但是这样遇到图片位置会根据文字长度变化情况,会相当麻烦;另一种解决办法就是自定义一个button,这种方法更加简洁,同时处理点击事件逻辑也更方便 首先创建一个类,继承自UIButton 初始化方法...是button大小,即button.frame - 如果:`return bounds` 此时背景viewbutton大小相同,是默认大小 - 如果:return CGRectMake(0...)bounds 该函数返回内容view大小内容view包括title view 、image view 二者之间间隔,参数bounds是button大小,即button.frame 如果:...:(CGRect)bounds确定 最后写一个上图下字示例,这只是一个简单例子,具体情况可以根据使用场景调整 // 该自定义button背景内容view都和它frame一样大,所以可以不用重写...,由于title占了20高了,所以取height - 20width中最小值作为image view边长 // 如果图片位置是根据文字来布局,这里可以通过self.titleLabel.text

89430

iOS学习——UIPickerView实现年月选择器

二 基类布局   在上一部分说了,基类布局主要是对整体架构进行布局,我们先看下有哪些内容,包括了背景蒙层视图、弹出视图(包含标题行(又包含取消按钮、确定按钮标题)、分割线选择器),在子类中会进行一个整体布局...而对于弹出视图中标题行(包含取消按钮、确定按钮标题)、分割线选择器具体布局在这里就不进行展开了,很简单部分,大家自行看一下代码就OK了。   ...,该方法要是让使用者提供选择器标题、最小日期、日期选择完成后操作等基本信息,方便我们对选择器数据操作进行设置。...还有取消、确定按钮点击事件也都在这里进行控制实现,我们根据自己需要进行这是就可以了,一般是在点击确定按钮时候调用我们BRDateResultBlock,实现日期选择完成操作。...,行数列数也是根据我们需求来进行控制。

4.1K130

iOS 自定义分段控制器

最近做项目时遇到一些问题,就是项目里原有分段控制器适用范围有些局限,虽然网上也有很多分段控制器demo,但自己写,可控性项目适用性自己能很明白,所以我专门封装这样一个分段控制器,解决不同场景下功能需求...,默认0 */ @property (nonatomic, assign) NSInteger selectIndex; /** 标题字体大小,默认15 */ @property (nonatomic..., strong) UIFont *titleFont; /** 标题选中字体大小,默认15 */ @property (nonatomic, strong) UIFont *titleSelectFont...创建子视图里有几点需要注意,一是标题按钮创建,二是设置指示器位置,三是配置多个内容控制器视图,仔细看代码,逻辑其实也很简单明了 4.实现按钮点击事件视图滑动事件 #pragma mark - 事件...,如外面有代理,也会将当前第几个页面的index回调给代理,外部逻辑处理会变得很简单 5.个性配置,即设置属性更改UI 我们实现属性set方法,在set方法内部更改UI #pragma mark -

1.2K31

腾讯云 AI 绘画有奖征文大赛

投稿内容一经采用,将会被纳入官方产品文档,腾讯云拥有使用权。友情附上:最佳实践写作指南,供参考。...重要说明审核通过被采纳文章作者,将在下月初进行获奖名单公布奖励发放,届时会有站内信短信通知。如果您还未加入 腾讯云内容共建计划,诚邀您先 加入计划,年底可参与“优秀共建者”评选。...禁止 AI 生成内容文章。所有文章需要有个人见解、思考。仅搬运官网、书中知识点不计入评选。参与本活动文章发布且通过审核时间,需在活动期间。社区历史已发布过文章和自动同步文章不参与此活动。...腾讯云有权根据活动实际情况对活动规则进行变动调整,相关变动或调整会公布在活动页面上,并于公布时间即时生效,但不影响用户在活动规则调整前已经获得激励。...如某项奖品库存不足,腾讯云将根据实际库存更换为同等价值其他奖品,或者通知延期发货。特别声明:腾讯云有权根据自身运营安排,自主决定调整本活动具体规则,具体活动规则以活动页公布规则为准。

36621

iOS-UI控件之UIButton

---恢复内容开始--- UIButton 既可以显示图片,又可以显示文字,还能随时调整内部位置 系统自带尺寸 storyboard内部调整UIButton属性 状态 监听按钮点击事件 凡是继承自UIControl...reserved for internal framework use UIControlEventAllEvents = 0xFFFFFFFF }; 设置button内部文字图片方法...UIButton内部有两个子控件 UILabelUIImageView 调整控件内部子控件frame(两种方式) 实现 titleRectForContentRect  imageRectForContentRect...- (void)layoutSubviews; 内边距 // 设置按钮内容内边距(影响到imageViewtitleLabel) @property(nonatomic) UIEdgeInsets...UIButton 图片拉伸,大小改变 iOS5之前 // 只拉伸中间1x1区域 //传入左上距离区域 - (UIImage *)stretchableImageWithLeftCapWidth

89460

Swift-MVVM 简单演练(一)

VisualFormatLanguage) 模拟网络加载应用程序一些配置tabBar标题图片样式 简单网络工具单例封装 隔离项目中网络请求方法 初步视图模型体验 以及一些遇到语法问题简单探究...,给中间留出一个+按钮位置 自定义一个UIButton分类HQButton+Extension,封装快速创建自定义按钮方法 HQButton.swift extension UIButton {...setBackgroundImage(UIImage(named: backImageName + "_highlighted"), for: .highlighted) } // 根据背景图片大小调整尺寸...将之前HQMainViewController写好配置内容(控制各个控制器标题内容数组)输出main.json文件,并保存。...则可以直接通过addTarget方式为该视图中按钮添加监听方法 这样做代价是耦合度高,控制器视图绑定在一起,但是省略部分冗余代码 ---- 调整未登录时导航按钮 如果单纯在setupVistorView

10.2K51

Refactoring UI

更好方法根据背景色手工挑选新颜色 选择相同色调颜色,然后调整饱和度亮度, 直到你觉得合适为止 # 通过取消强调来强调 与其进一步强调你想引起注意元素, 不如想想如何去强调与之竞争元素...更极端情况是, 出于可访问性考虑, 你甚至可以在标记中包含章节标题,但在视觉上完全隐藏它们, 因为内容本身就能说明问题 不要让你使用元素影响你选择它样式--为语义目的选择元素,并根据需要为它们设计样式...这也适用于组件内部--除非你真的想让它缩放,否则不要使用百分比来调整大小 # 在需要时才缩小元素 不要根据网格来确定元素大小, 而是给它们一个最大宽度, 这样它们就不会太大,只有当屏幕小于最大宽度时才会强制缩小...相比垂直居中,更好方法根据基线(即字母所在假想线)来调整混合字体大小 # 行高成正比 # 计算行宽 在文本行与行之间添加空格原因是, 当文本换行时, 便于读者找到下一行。...# 控制形状大小 .img-container { background-size: cover; } # 防止背景渗出 当用户提供图像背景颜色与用户界面中背景颜色相似时,图像背景就会渗在一起

35330
领券