iOS的UI开发中Button的基本编写方法讲解

大神你永远不懂

大神你永远不懂

2016-02-19 10:55

有了下面这个iOS的UI开发中Button的基本编写方法讲解教程,不懂iOS的UI开发中Button的基本编写方法讲解的也能装懂了,赶紧get起来装逼一下吧!

一、简单说明

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/bianchengyuyan/)

一般情况下,点击某个控件后,会做出相应反应的都是按钮

按钮的功能比较多,既能显示文字,又能显示图片,还能随时调整内部图片和文字的位置

二、按钮的三种状态

normal(普通状态)

默认情况(Default)

对应的枚举常量:UIControlStateNormal

highlighted(高亮状态)

按钮被按下去的时候(手指还未松开)

对应的枚举常量:UIControlStateHighlighted

disabled(失效状态,不可用状态)

如果enabled属性为NO,就是处于disable状态,代表按钮不可以被点击

对应的枚举常量:UIControlStateDisabled

 
三、注意点

(1)从Xcode5开始,图片资源都放到Images.xcassets中进行管理,可以使用拖拽的方式添加项目中用到的图片到Images.xcassets中

(2)若干多个控件共用一段代码,通常使用tag。

四、代码示例
(1)
代码如下:

#import "LFViewController.h"

@interface LFViewController ()

@property (weak, nonatomic) IBOutlet UIButton *headImageView;

@end

@implementation LFViewController

// 在OC中,绝大多数的控件的监听方法的第一个参数就是控件本身
//- (IBAction)left:(UIButton *)button {
//   
//    NSLog(@"----");
//}
- (IBAction)move
{
    // 通过frame修改head的位置
    // 在OC中,不允许直接修改“对象”的“结构体属性”的“成员”
    // 允许修改“对象”的“结构体属性”
    // 1. 取出结构体属性
    CGRect rect = self.headImageView.frame;
    // 2. 修改结构体成员
    rect.origin.y -= 20;
    // 3. 设置对象的结构体属性
    self.headImageView.frame = rect;
}

(2)
代码如下:

#import "LFViewController.h"

/**
 使用git
 
 1. 创建项目时,勾选git
 2. 开发告一段落后,选择"Source Control""Commit",并编写注释
 */

// 枚举类型实质上就是一个整数,作用就是用来替代魔法数字
// 枚举类型中,指定了第一个整数之后,后面的数字会递增
typedef enum
{
    kMovingDirTop = 10,
    kMovingDirBottom,
    kMovingDirLeft,
    kMovingDirRight,
} kMovingDir;

#define kMovingDelta 50

@interface LFViewController ()

@property (weak, nonatomic) IBOutlet UIButton *headImageView;

@end

@implementation LFViewController

- (IBAction)move:(UIButton *)button
{
//    CGRect rect = self.headImageView.frame;
    CGPoint p = self.headImageView.center;
   
    // magic number魔法数字,其他程序员看到代码的时候,不知道是什么意思
    switch (button.tag) {
        case kMovingDirTop:
            p.y -= kMovingDelta;
            break;
        case kMovingDirBottom:
            p.y += kMovingDelta;
            break;
        case kMovingDirLeft:
            p.x -= kMovingDelta;
            break;
        case kMovingDirRight:
            p.x += kMovingDelta;
            break;
    }

    [UIView beginAnimations:nil context:nil];
    [UIView setAnimationDuration:1.0];
   
    self.headImageView.center = p;
   
    [UIView commitAnimations];
}

- (IBAction)zoom:(UIButton *)button
{
    CGRect rect = self.headImageView.bounds;
   
    // 在C语言中,关于bool的判断:非零即真
    if (button.tag) {
        rect.size.width += 50;
        rect.size.height += 50;
    } else {
        rect.size.width -= 50;
        rect.size.height -= 50;
    }
 
    // 首尾动画
    // beginAnimations表示此后的代码要“参与到”动画中
    [UIView beginAnimations:nil context:nil];
    [UIView setAnimationDuration:2.0];
   
    self.headImageView.bounds = rect;
//    self.headImageView.alpha = 0;
   
    // commitAnimations,将beginAnimation之后的所有动画提交并生成动画
    [UIView commitAnimations];
}

@end

五、补充笔记

1. IBAction的参数

- (IBAction)left:(UIButton *)button

(1) 在OC中,绝大多数的控件监听方法的第一个参数就是控件本身

(2) 默认连线时的参数类型是id

(3) 如果要在监听方法中,方便控件的使用,可以在连线时或者连线后,修改监听方法的参数类型

2. 修改对象的结构体成员

在OC中,不允许直接修改“对象”的“结构体属性”的“成员”,但是允许修改“对象”的“结构体属性”

修改结构体属性的成员方法如下:

(1)使用临时变量记录对象的结构体属性

(2) 修改临时变量的属性

(3)将临时变量重新设置给对象的结构体属性

3. 在程序开发中需要避免出现魔法数字(Magic Number)

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/bianchengyuyan/)

使用枚举类型,可以避免在程序中出现魔法数字

(1)枚举类型实质上就是一个整数,其作用就是用来替代魔法数字

(2)枚举类型中,指定了第一个整数之后,后面的数字会递增

4. frame & bounds & center

1 frame可以修改对象的位置和尺寸

2 bounds可以修改对象的尺寸

3 center可以修改对象的位置

5. 首尾式动画
代码如下:

// beginAnimations表示此后的代码要“参与到”动画中

[UIView beginAnimations:nil context:nil];

// setAnimationDuration用来指定动画持续时间

[UIView setAnimationDuration:2.0];

self.headImageView.bounds = rect;

......

// commitAnimations,将beginAnimation之后的所有动画提交并生成动画

[UIView commitAnimations];

下面来罗列一下UIButton的基本属性罗列
第一、UIButton的定义

代码如下:

    UIButton *button=[[UIButton buttonWithType:(UIButtonType);

能够定义的button类型有以下6种,

代码如下:

 typedef enum {
 UIButtonTypeCustom = 0, 自定义风格

 UIButtonTypeRoundedRect, 圆角矩形

 UIButtonTypeDetailDisclosure, 蓝色小箭头按钮,主要做详细说明用

 UIButtonTypeInfoLight, 亮色感叹号
 UIButtonTypeInfoDark, 暗色感叹号
UIButtonTypeContactAdd, 十字加号按钮

 } UIButtonType;

第二、设置frame

代码如下:

button1.frame = CGRectMake(20, 20, 280, 40);

[button setFrame:CGRectMake(20,20,50,50)];

第三、button背景色

代码如下:

button1.backgroundColor = [UIColor clearColor];

[button setBackgroundColor:[UIColor blueColor]];

第四、state状态

 forState: 这个参数的作用是定义按钮的文字或图片在何种状态下才会显现

代码如下:

enum {
UIControlStateNormal = 0, 常规状态显现
 UIControlStateHighlighted = 1 0, 高亮状态显现
 UIControlStateDisabled = 1 1, 禁用的状态才会显现
 UIControlStateSelected = 1 2, 选中状态
 UIControlStateApplication = 0x00FF0000, 当应用程序标志时

 UIControlStateReserved = 0xFF000000 为内部框架预留,可以不管他
};

@property(nonatomic,getter=isEnabled)BOOL enabled;                                 // default is YES. if NO, ignores touch events and subclasses may draw differently

@property(nonatomic,getter=isSelected)BOOL selected;                               // default is NO may be used by some subclasses or by application

@property(nonatomic,getter=isHighlighted)BOOL highlighted;      

                   

第五 、设置button填充图片和背景图片

 代码如下:

    [buttonsetImage:[UIImageimageNamed:@"checkmarkControllerIcon"]forState:UIControlStateNormal];

    [buttonsetBackgroundImage:[UIImageimageNamed:@"checkmarkControllerIcon"]forState:UIControlStateNormal];

第六、设置button标题和标题颜色

代码如下:

[button1 setTitle:@"点击" forState:UIControlStateNormal];

  [buttonsetTitleColor:[UIColorredColor]forState:UIControlStateNormal];

第七、设置按钮按下会发光

代码如下:

    button.showsTouchWhenHighlighted=NO;

 

第八、添加或删除事件处理

代码如下:

[button1 addTarget:self action:@selector(butClick:) forControlEvents:UIControlEventTouchUpInside];

[btn removeTarget:nil action:nil forControlEvents:UIControlEventTouchUpInside];

第九、 设置按钮内部图片间距和标题间距

代码如下:

 UIEdgeInsets insets; // 设置按钮内部图片间距
 insets.top = insets.bottom = insets.right = insets.left = 10;
 bt.contentEdgeInsets = insets;
 bt.titleEdgeInsets = insets; // 标题间距

展开更多 50%)
分享

猜你喜欢

iOS的UI开发中Button的基本编写方法讲解

编程语言 网络编程
iOS的UI开发中Button的基本编写方法讲解

iOS的UI开发中UITabBarControlle的基本使用教程

编程语言 网络编程
iOS的UI开发中UITabBarControlle的基本使用教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

深入讲解iOS开发中的UIViewController

编程语言 网络编程
深入讲解iOS开发中的UIViewController

iOS开发中控制屏幕旋转的编写方法小结

编程语言 网络编程
iOS开发中控制屏幕旋转的编写方法小结

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

详解iOS的UI开发中控制器的创建方法

编程语言 网络编程
详解iOS的UI开发中控制器的创建方法

举例讲解iOS开发中拖动视图的实现

编程语言 网络编程
举例讲解iOS开发中拖动视图的实现

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

js技巧--转义符"\"的妙用

js技巧--转义符"\"的妙用

Unity3d发布IOS9应用时出现中文乱码的解决方法

Unity3d发布IOS9应用时出现中文乱码的解决方法
下拉加载更多内容 ↓