IOS暑假小学期实训 第3天 “UI按钮交互功能”

2016/07/11

//

//  ViewController.m

//  UI按钮交互功能

//

//  Created by lanou on 16/7/11.

//  Copyright © 2016年yhy. All rights reserved.

//

#import "ViewController.h"

@interface ViewController ()

//标题标签

@property(nonatomic,strong)UILabel *titleLable;

//左边按钮

@property(nonatomic,strong)UIButton *leftBtn;

//右边按钮

@property(nonatomic,strong)UIButton *rightBtn;

//显示图片

@property(nonatomic,strong)UIImageView *myImageView;

//给存入的四张图片定义一个数组

@property(nonatomic,strong)NSArray *imageNames;

@end

@implementation ViewController

//视图加载好时会自动调用

- (void)viewDidLoad {

[super viewDidLoad];

//创建并初始化标签

self.titleLable = [[UILabel alloc]initWithFrame:CGRectMake(100, 50, 150, 30)];

//写入标签文本

self.titleLable.text = @"biaoqingdi";

//设置标签文本的背景颜色为红色

self.titleLable.backgroundColor = [UIColor greenColor];

//设置标签文本在框中居中对齐

self.titleLable.textAlignment = NSTextAlignmentCenter;

//添加标签到视图上

[self.view addSubview:self.titleLable];

//创建并初始化定义(坐标、宽高)相框

self.myImageView = [[UIImageView alloc]initWithFrame:CGRectMake(85, 100, 200, 200)];

//将图片保存在名为image中(根据图片地址名加载图片)

UIImage *image = [UIImage imageNamed:@"biaoqingdi"];

//显示图片

self.myImageView.image = image;

//添加相框到视图中

[self.view addSubview:_myImageView];

//创建并初始化定义(坐标、宽高)左按钮

self.leftBtn = [[UIButton alloc]initWithFrame:CGRectMake(20, 150, 45, 45)];

//关闭左按钮的交互

self.leftBtn.userInteractionEnabled = NO;

//将左按钮的图片保存在名为leftImage中(根据图片地址名加载图片)

UIImage *leftImage = [UIImage imageNamed: @"left_disable"];

//设置左按钮的背景图片(在正常状态下)

[self.leftBtn setBackgroundImage:leftImage forState:(UIControlStateNormal)];

//添加左按钮到视图上

[self.view addSubview: _leftBtn];

//创建并初始化定义(坐标、宽高)右按钮

self.rightBtn = [[UIButton alloc]initWithFrame:CGRectMake(305, 150, 45, 45)];

//将右按钮的图片保存在名为rightImage中(根据图片地址名加载图片)

UIImage *rightImage = [UIImage imageNamed: @"right_normal"];

//设置右按钮的背景图片(在正常状态下)

[self.rightBtn setBackgroundImage:rightImage forState:(UIControlStateNormal)];

//添加右按钮在视图上

[self.view addSubview:_rightBtn];

//右按钮监听

[self.rightBtn addTarget:self action:@selector(rightBtnAction) forControlEvents:(UIControlEventTouchUpInside)];

//左按钮监听

[self.leftBtn addTarget:self action:@selector(leftBtnAction) forControlEvents:(UIControlEventTouchUpInside)];

}

//右按钮

-(void)rightBtnAction{

//切换图片   图片为png格式则不用加后缀名 其他格式需要加后缀

self.imageNames = @[ @"biaoqingdi",@"bingli",@"chiniupa",@"danteng",@"wangba"];

//获取当前是第几张图片(整型变量)

NSInteger index = [self.imageNames indexOfObject:self.titleLable.text];

//把按钮图片加载成灰色(正常状态下状态)

//不是为最后一张才切换到下一张

if (index < 4) {

//如果index=3(即图片从第四张切换到,第五张时)

if (index == 3) {

//关闭右按钮交互(右按钮图片变为灰色)

self.rightBtn.userInteractionEnabled = NO;

//将右按钮灰色图片保存在image中(根据名字加载图片)

UIImage *image =[UIImage imageNamed:@"right_disable"];

//将右按钮状态为一般(正常)状态下的背景图片设置成为image中图像

[self.rightBtn setBackgroundImage:image forState:(UIControlStateNormal)];

}

else{

//否则(图片为第1,2,3张时)

//将两个按钮正常状态下的背景图片设置为黑色图片

[self.rightBtn setBackgroundImage:[UIImage imageNamed:@"right_normal"] forState:(UIControlStateNormal)];

[self.leftBtn setBackgroundImage:[UIImage imageNamed:@"left_normal"] forState:(UIControlStateNormal)];

//开启两个按钮的交互

self.rightBtn.userInteractionEnabled = YES;

self.leftBtn.userInteractionEnabled = YES;

}

//将标签titleLable内容切换到下一张图片的标签内容

NSString *nextTitle = self.imageNames[index+1];

self.titleLable.text = nextTitle;

//将图片切换到下一张

self.myImageView.image = [UIImage imageNamed: nextTitle];

}

}

//左按钮

-(void)leftBtnAction{

//切换图片   图片为png格式则不用加后缀名 其他格式需要加后缀

self.imageNames = @[ @"biaoqingdi",@"bingli",@"chiniupa",@"danteng",@"wangba"];

//获取当前是第几张图片(整型)

NSInteger index = [self.imageNames indexOfObject:self.titleLable.text];

//不是为第一张才切换到上一张

if (index > 0) {

//第二张切换到第一张时

if (index == 1) {

//左边按钮交互关闭(左按钮图片变为灰色)

self.leftBtn.userInteractionEnabled = NO;

//将左按钮灰色图片保存在image中(根据名字加载图片)

UIImage *image =[UIImage imageNamed:@"left_disable"];

//将左按钮状态为一般(正常)状态下的背景图片设置成为image中图像

[self.leftBtn setBackgroundImage:image forState:(UIControlStateNormal)];

}

else{

//否则(图片为第3,4,5张时)

//将两个按钮正常状态下的背景图片设置为黑色图片

[self.rightBtn setBackgroundImage:[UIImage imageNamed:@"right_normal"] forState:(UIControlStateNormal)];

[self.leftBtn setBackgroundImage:[UIImage imageNamed:@"left_normal"] forState:(UIControlStateNormal)];

//开启两个按钮的交互

self.rightBtn.userInteractionEnabled = YES;

self.leftBtn.userInteractionEnabled = YES;

}

//将标签titleLable内容切换到上一张图片的标签内容

NSString *preTitle =self.imageNames[index-1];

self.titleLable.text = preTitle;

//将图片切换到上一张

self.myImageView.image = [UIImage imageNamed: preTitle];

}

}

-(void)demo{

//按钮UIButton

//    UIButton *button = [UIButton buttonWithType: UIButtonTypeContactAdd];

//创建并初始化定义(坐标、宽高)按钮

UIButton *button = [[UIButton alloc]initWithFrame:CGRectMake(50, 50, 80, 80)];

//      frame表明了空间的坐标和宽高(CGRect类型)

[button setTitle:@"眼镜哥" forState:UIControlEventTouchDown];

//设置按钮背景色为红色

button.backgroundColor = [UIColor redColor];

//根据名字加载图片

UIImage *image = [UIImage imageNamed:@"right_normal"];

//给按钮设置背景图片

[button setBackgroundImage:image forState:UIControlStateNormal];

//按钮的监听

[button addTarget:self action:@selector(btnClickLister) forControlEvents:UIControlEventTouchUpOutside];

//添加到屏幕上面

[self.view addSubview:button];

//相框UIImageView

//创建并初始化视图相框

UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(150, 50, 200, 200)];

UIImage *image1 = [UIImage imageNamed:@"biaoqingdi"];

//设置imageView显示的图片

imageView.image = image1;

[self.view addSubview:imageView];

//标签UIlable

UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(150, 270, 150, 30)];

//设置标签的文本

label.text = @"表情弟";

//设置居中方式(注:是将文本在标签框内部居中)

label.textAlignment = NSTextAlignmentCenter;

//设置标签的颜色为红色

label.textColor = [UIColor redColor];

//将标签显示在视图屏幕上

[self.view addSubview:label];

}

//方法调用

- (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

}

//调用按钮监听的方法

-(void)btnClickLister{

//在视图屏幕中执行按钮操作时,代码工程中将会打印“click btn”

NSLog(@"click btn");

}

@end


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,835评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,598评论 1 295
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,569评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,159评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,533评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,710评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,923评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,674评论 0 203
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,421评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,622评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,115评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,428评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,114评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,097评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,875评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,753评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,649评论 2 271

推荐阅读更多精彩内容