基础控件

最新推荐文章于 2022-10-29 15:14:58 发布
最新推荐文章于 2022-10-29 15:14:58 发布
阅读量248 收藏
点赞数
分类专栏： ios-UI基础 文章标签： 控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_14922059/article/details/50813768
版权

UIButton的状态

  • normal（普通状态）
    默认情况（Default）
    对应的枚举常量：UIControlStateNormal

  • highlighted（高亮状态）
    按钮被按下去的时候（手指还未松开）
    对应的枚举常量：UIControlStateHighlighted

  • disabled（失效状态，不可用状态）
    如果enabled属性为NO，就是处于disable状态，代表按钮不可以被点击
    对应的枚举常量：UIControlStateDisabled

按钮的样式

在用代码创建按钮的同时指定按钮样式

UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom]; 
UIButtonTypeCustom：无类型，按钮的内容需要自定义
UIButtonTypeDetailDisclosure： 
UIButtonTypeInfoLight： 
UIButtonTypeInfoDark： 
UIButtonTypeContactAdd：

UIButton的常见设置

- (void)setTitle:(NSString *)title forState:(UIControlState)state;
设置按钮的文字

- (void)setTitleColor:(UIColor *)color forState:(UIControlState)state;
设置按钮的文字颜色

- (void)setImage:(UIImage *)image forState:(UIControlState)state; 
设置按钮内部的小图片

- (void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state;
设置按钮的背景图片

设置按钮的文字字体（需要拿到按钮内部的label来设置）
btn.titleLabel.font = [UIFont systemFontOfSize:13];

- (NSString *)titleForState:(UIControlState)state; 
获得按钮的文字

- (UIColor *)titleColorForState:(UIControlState)state;
获得按钮的文字颜色

- (UIImage *)imageForState:(UIControlState)state;
获得按钮内部的小图片

- (UIImage *)backgroundImageForState:(UIControlState)state;
获得按钮的背景图片

Storyboard到代码的转换

// 创建一个自定义的按钮
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
// 默认状态的背景
[btn setBackgroundImage:[UIImage imageNamed:@"btn_01"] forState:UIControlStateNormal];
// 默认状态的文字
[btn setTitle:@"点我啊" forState:UIControlStateNormal];
// 默认状态的文字颜色
[btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];

什么是Plist文件

  • 直接将数据直接写在代码里面，不是一种合理的做法。如果数据经常改，就要经常翻开对应的代码进行修改，造成代码扩展性低

  • 因此，可以考虑将经常变的数据放在文件中进行存储，程序启动后从文件中读取最新的数据。如果要变动数据，直接修改数据文件即可，不用修改代码

  • 一般可以使用属性列表文件存储NSArray或者NSDictionary之类的数据，这种“属性列表文件”的扩展名是plist，因此也称为“plist文件”

  • 获得Plist文件的全路径

NSBundle *bundle = [NSBundle mainBundle];
NSString *path = [bundle pathForResource:@"shops" ofType:@"plist"];
  • 加载plist文件
_shops = [NSArray arrayWithContentsOfFile:path];

Plist的使用注意

  • plist的文件名不能叫做“info”、“Info”之类的

  • 添加plist等文件资源的时候，一定要勾选下面的选项
    这里写图片描述

用模型取代字典的好处

  • 使用字典的坏处
    一般情况下，设置数据和取出数据都使用“字符串类型的key”，编写这些key时，编辑器没有智能提示，需要手敲
dict[@"name"] = @"Jack";
NSString *name = dict[@"name"];

手敲字符串key，key容易写错
Key如果写错了，编译器不会有任何警告和报错，造成设错数据或者取错数据

  • 使用模型的好处
    所谓模型，其实就是数据模型，专门用来存放数据的对象，用它来表示数据会更加专业
    模型设置数据和取出数据都是通过它的属性，属性名如果写错了，编译器会马上报错，因此，保证了数据的正确性
    使用模型访问属性时，编译器会提供一系列的提示，提高编码效率
app.name = @"Jack";
NSString *name = app.name;

字典转模型

  • 字典转模型的过程最好封装在模型内部

  • 模型应该提供一个可以传入字典参数的构造方法

- (instancetype)initWithDict:(NSDictionary *)dict;
+ (instancetype)xxxWithDict:(NSDictionary *)dict;

instancetype

  • instancetype在类型表示上，跟id一样，可以表示任何对象类型
  • instancetype只能用在返回值类型上，不能像id一样用在参数类型上
  • instancetype比id多一个好处：编译器会检测instancetype的真实类型

view的封装

  • 如果一个view内部的子控件比较多，一般会考虑自定义一个view，把它内部子控件的创建屏蔽起来，不让外界关心

  • 外界可以传入对应的模型数据给view，view拿到模型数据后给内部的子控件设置对应的数据

  • 封装控件的基本步骤

    • 在initWithFrame:方法中添加子控件，提供便利构造方法
    • 在layoutSubviews方法中设置子控件的frame（一定要调用super的layoutSubviews）
    • 增加模型属性，在模型属性set方法中设置数据到子控件上

Xib和storyboard对比

  • 共同点：

    • 都用来描述软件界面
    • 都用Interface Builder工具来编辑
    • 本质都是转换成代码去创建控件

  • 不同点

    • Xib是轻量级的，用来描述局部的UI界面
    • Storyboard是重量级的，用来描述整个软件的多个界面，并且能展示多个界面之间的跳转关系

Xib的加载

  • 方法1
NSArray *views = [[NSBundle mainBundle] loadNibNamed:@"xib文件名" owner:nil options:nil]
  • 方法2
UINib *nib = [UINib nibWithNibName:@"xib文件名" bundle:nil];
NSArray *views = [nib instantiateWithOwner:nil options:nil];

使用xib自定义view的步骤

  • 新建自定义控件类
    这里写图片描述

  • 新建xib文件（文件名建议和view的类名一致）
    这里写图片描述

  • 修改xib中view的类名
    这里写图片描述

  • 封装xib的加载过程
    这里写图片描述

  • 增加模型属性，在模型属性set方法中设置数据到子控件上

注意点：

  • 一个控件有2种创建方式

    • 通过代码创建
    • 初始化时一定会调用initWithFrame:方法

  • 通过xib\storyboard创建

    • 初始化时不会调用initWithFrame:方法，只会调用initWithCoder:方法
    • 初始化完毕后会调用awakeFromNib方法

  • 有时候希望在控件初始化时做一些初始化操作，比如添加子控件、设置基本属性

    • 这时需要根据控件的创建方式，来选择在initWithFrame:、initWithCoder:、awakeFromNib的哪个方法中操作

UIImage

  • 一个UIImage对象代表一张图片，一般通过imageNamed:方法就可以通过文件名加载项目中的图片
UIImage *image = [UIImage imageNamed:@"lufy"];

UILabel的基本设置

@property(nonatomic,copy)   NSString           *text; 
显示的文字

@property(nonatomic,retain) UIFont             *font; 
字体

@property(nonatomic,retain) UIColor            *textColor; 
文字颜色

@property(nonatomic)        NSTextAlignment    textAlignment; 
对齐模式（比如左对齐、居中对齐、右对齐）

UIFont

UIFont代表字体，常见创建方法有以下几个：
+ (UIFont *)systemFontOfSize:(CGFloat)fontSize;   系统默认字体
+ (UIFont *)boldSystemFontOfSize:(CGFloat)fontSize;  粗体
+ (UIFont *)italicSystemFontOfSize:(CGFloat)fontSize;  斜体

UIButton、UIImageView、UILabel的选择

特点
UIButton
既能显示文字，又能显示图片（能显示2张图片，背景图片、内容图片）
长按高亮的时候可以切换图片\文字
直接通过addTarget...方法监听点击

UIImageView
能显示图片，不能直接通过addTarget...方法监听点击

UILabel
能显示文字，不能直接通过addTarget...方法监听点击

选择
仅仅是显示数据，不需要点击
建议选择UIImageView、UILabel

不仅显示数据，还需要监听点击
建议选择UIButton
其实UIImageView、UILabel也可以通过手势识别器来监听（后面课程会学）

长按控件后，会改变显示的内容
不用考虑了，选择UIButton（因为UIButton有highlighted这种状态）

同时显示2张图片：背景图片、内容图片
不用考虑了，选择UIButton
沉迷现实无法自拔
关注
专栏目录
微信基础控件库
06-27
微信小程序基础控件库
1-基础控件
yz1152968264的博客
07-13 147
#基础控件 ###1. TextView 2 Button 属性： 派生与TextView 主要有两个事件Onclick和OnLongClick textview.setOnclickListener(new View.OnClickListener{ @Override public void OnClick(View view){ write something u want; } }); 3. ImageView（图像视图） 属性： scaleType 图片的拉伸类型。默认fitCenter
Android基础之-----基础控件
Dimanche的博客
10-17 6525
前言： https://blog.csdn.net/yu805894501/article/details/92801025 android在xml布局中共用的属性有： 宽度：layout_width（必须要有） 高度：layout_height（必须要有） 用于唯一识别的id：id 背景颜色：background 内部组件是否居中：gravity 控件是否可见：android:v...
PLC通讯基础控件项目通过.NET Core3.1框架进行开发 主要用于工业控制方面
03-13
在本文中，我们将深入探讨如何使用.NET Core 3.1框架来开发PLC（可编程逻辑控制器）通讯基础控件，特别关注其在工业控制领域的应用。.NET Core是一个跨平台、高性能的开源框架，适合构建各种类型的现代化应用程序，...
C#基本基础控件
11-22
掌握这些基础控件的使用，是成为熟练的C#开发者的第一步。理解每个控件的特性和应用场景，结合事件处理和数据绑定，可以帮助你构建出功能丰富的用户界面。同时，不断实践和探索更高级的控件和自定义控件，将使你的...
Pyqt5界面搭建基础控件
12-18
本教程将深入探讨PyQt5中的基础控件，这些控件是构建任何应用程序的核心元素。通过学习这些控件，你可以搭建出交互性强、用户体验良好的应用。 1. **窗口与布局管理器** - `QWidget`: 所有PyQt5界面的基础类，一个...
ASP.NET基础控件综合案例
04-14
此外，ASP.NET的基础控件还包括许多其他组件，如`Label`用于显示文本，`CheckBox`用于勾选选项，`RadioButtonList`用于选择单个选项，以及`GridView`和`ListView`用于显示数据集。这些控件使得开发者能够快速地构建...
LabVIEW编程之前面板的基础控件
最新发布
02-09
总的来说，LabVIEW的前面板设计是构建用户界面的关键步骤，通过各种基础控件的灵活组合，能够实现复杂的功能，提供直观的用户交互体验。理解并熟练掌握这些控件的使用，是成为高效LabVIEW程序员的基础。
Axure 基础控件(1-49)
Be yourself.
11-25 8915
基础操作篇 本篇包含56种常见的基础操作，初学者应在掌握本篇内容后再进行实战案例篇的学习，以免产生学习障碍。同时，建议具备一定基础的读者学习本篇中相对生疏的内容，并加以掌握。 第1章 使用元件 本文目录 基础1. 添加元件到画布 基础2. 添加元件名称 基础3. 设置元件位置/尺寸 基础4. 设置元件默认角度 基础5. 设置元件颜色与透明 基础6. 设置形状或图片圆角 基础7.
六种基本控件
weixin_47246918的博客
08-09 1455
控件是咱们的门面，控件有很多，但是如果仔细去分析，也是有规律可循的，根据 其作用，我们可以把控件分类,日常工作中我们打交道最多的控件无外乎6类： 布局控件：是可以容纳多个控件或者嵌套其他布局的控件，用于在UI上组织和 排列控件。Grid、StackPanel、DockPanel等控件都属此类，它们拥有共同的父 类为Panel。 内容控件：只能容纳一个控件或者布局控件作为他的内容。Window、Button等 控件属于此类，因为只能容纳一个控件作为其内容，所以经常借助布局控件来 规划其内容。它们的共同父类是C
基础控件总结（一）
TaoYuan
12-08 1514
instancetype：以前看很多代码万能返回值类型是id类型 但是id类型表示的返回值类型不会被解释 换句话说，我存储的对象类型如果用id，在controller接收的时候用NSString接收也是不会报错的，只有在编译过后崩溃了才会给提示。but，现在apple给我们提供了一个新的关键词：instancetypeinstancetype在类型表示上，跟id是一样的，可以表示任何对象类型
HTML 基础控件介绍
根号下的麻辣烫
04-27 2950
1.标签 标签用于搜集用户信息。 根据不同的 type 属性值，输入字段拥有很多种形式。可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 type属性如下：type= text：文本区域 　　　　readonly属性：是否只读。 password：密码区域，输入的文本以'*'展示 checkbox：复选框 　　　　checked属性：是否选中； radio：单选框
第五章 Windows基础控件
wnamej的博客
04-07 1906
一、 控件（类） 1，常用的控件分类及作用： 2，控件的基本操作： 1）添加、删除控件； 2）对齐控件。 注意：选择的第一个控件是主控键，其他的控件都与其对其。 3，大部分控件都具有Anchor（锚定）和Dock（停靠）属性来方便布局 1）Anchor 2）Dock 二、 文本类控件 文本类控件包含：TextBox（文本框）、Label（标签）和Button（按钮）等 1， 标签控件（Label...
第五章 Windows基础控件
qq_45308912的博客
06-11 250
一.对齐控件 选择的第一个控件是主控件，其他的控件都与其对齐。 菜单栏中的“格式”菜单除了“对齐”命令外，还包含“使大小相同”“水平间距”和“垂直间距”等命令，使用这些命令可以将选择的控件进行大小尺寸和间距的批量调整。 Anchor属性（锚定）个Dock属性（停靠），这两个属性每个控件都有 Anchor属性：它的作用就是设置控件相对于窗体的某个边缘的距离保持不变，既与窗体一起动态调整控件的大小 Dock属性：可以让控件停靠在窗体的上下左右，或者填充窗体，也可以不停靠 Locked属性：用来将控件进行锁定，进
常用基础控件以及属性
丶哑灬的博客
02-27 942
一、UILabel 标签 继承于UIView视图 1.text 文本值 lab1.text = @”我是一个标签！”;2.color 字体颜色 [UIColor clearColor] 清空背景颜色 lab1.textColor = [UIColor orangeColor]; //设置背景图片 lab1.backgroundColor = [UIColor colorWithPatte
Android开发 常用基本控件
拾玖的博客
11-01 7467
常用控件一、TextView(文本框)一、常用属性二、实例1、带阴影的TextView2、带边框的TextView1）实现原理：2）ShapeDrawable的资源文件编写矩形边框的Drawable:编写圆角矩形边框的Drawable:将TextView的blackground属性设置成上面这两个Drawable:3、带图片(drawableXxx)的TextView基本用法一些问题：4、使用autoLink属性识别链接类型二、EditText(输入框)一、常用属性EditText 输入框EditText
第五章 C#基础控件
芜湖博客
10-29 3085
单选按钮控件（radioButton）：单选按钮提供多项选择，与复选框的区别是多选按钮只允许选中一个，判断单选按钮是否选中通过Checked属性来控制控件是否选中，单选按钮的选中状态更改时会触发选中状态更改事件CheckedChanged，在设计中双击radioButton将为其添加事件CheckedChanged。为按钮设置图像：设置按钮控件的BackgroundImage属性，在设置BackgroundImageLayout属性用于更改图像的布局方式，推荐设置为Center。使用设计器添加如下图。
iOS开发：基础控件实战指南
"iOS基础知识与控件应用教程" 在iOS开发中，掌握基本的控件应用是至关...熟悉并熟练运用iOS的基础控件，是成为一名合格的iOS开发者的基础。只有掌握了这些基本元素，才能构建出满足用户需求、用户体验优秀的应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值