UI控件

作者: 一起长大的小暧昧 | 来源:发表于2016-07-11 13:05 被阅读0次

ViewController.m

//  UI常用控件

//

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

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

//

#import "ViewController.h"

@interface ViewController ()

//标题标签

@property(nonatomic,strong)UILabel *titleLabel;

//左边按钮

@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.imageNames =@[@"biaoqingdi",@"bingli",@"chiniupa",@"danteng",@"wangba"];

//   定义标签位置与名称

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

   self.titleLabel.text = @"biaoqingdi";

   [self.view addSubview:self.titleLabel];

//   定义做按钮的位置

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

//    关闭交互

  self.leftBtn.userInteractionEnabled = NO;

//   定义按钮的图片

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

//     设置左按钮的背景图片

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

   [self.view addSubview:self.leftBtn];

//   显示相框名称

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

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

 self.myImageView.image = image;

//    显示相框图片

   [self.view addSubview:self.myImageView];

//   设置右按钮的位置

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

   \

//   设置右按钮的图片

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

//  设置右按钮的背景图片

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

   [self.view addSubview:self.rightBtn];

    //   按钮的监听

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

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

}

-(void)rightBtnAction

{

//    切换到下一张图片

//    获取当前是第几张图片

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

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

   if (index < 4){

       if (index == 3){

//            改变右边按钮的图片和关闭交互

           self.rightBtn.userInteractionEnabled = NO;

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

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

       }else{

//        左边按钮和右边按钮都是在一个正常状态

           self.leftBtn.userInteractionEnabled = YES;

           self.rightBtn.userInteractionEnabled = YES;

           UIImage *leftNormal = [UIImage imageNamed:@"left_normal"];

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

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

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

       }

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

       self.titleLabel.text = nextTitle;

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

   }

}

-(void)leftBtnAction

   {

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

       if (index > 0){

           if (index == 1){

           //            改变左边按钮的图片和关闭交互

           self.leftBtn.userInteractionEnabled = NO;

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

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

       }else{

           //        左边按钮和右边按钮都是在一个正常状态

           self.leftBtn.userInteractionEnabled = YES;

           self.rightBtn.userInteractionEnabled = YES;

           UIImage *leftNormal = [UIImage imageNamed:@"left_normal"];

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

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

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

                   }

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

           self.titleLabel.text = preTitle;

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

       }

   }

-(void)btnClickLister

{

   NSLog(@"click btn");

}

-(void)demo {

   //    UIView *view =[u]

   //    按钮UIButton

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

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

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

   //    [button setTitle:@"阿陶" forState:UIControlStateNormal];

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

   //    根据名字加载图片

   [button setBackgroundImage:image forState:UIControlStateNormal];

   //    给按钮设置背景图片

   //   button.backgroundColor = [UIColor redColor];

   //    按钮的监听

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

   //    添加到视图上面

   [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];

   //    标签UILabel

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

   //    设置标签文本

   label.text = @"涛哥哥";

   //    设置居中方式

   label.textAlignment = NSTextAlignmentCenter;

   label.textColor = [UIColor redColor];

   [self.view addSubview:label];}

@end

相关文章

  • UI常用控件

    UI常用控件 // // ViewController.m // UI常用控件 // // Created by ...

  • 自用命名规范

    UI命名规范 普通UI命名 控件类型_ui名称 UI绑定脚本命名 控件类型简称_ui绑定脚本名称_bind 文件规...

  • Android理解自定义View

    当Android SDK中提供的系统UI控件无法满足业务需求时,我们就需要考虑自己实现UI控件。 自定义UI控件有...

  • setText的优化

    Android的许多UI控件都有显示文字的功能,如TextView、EditText等UI控件。这些控件都通过se...

  • Android自定义View

    当Android SDK中提供的系统UI控件无法满足业务需求时,就需要考虑自己实现UI控件 自定义UI控件有2种方...

  • iOS资源汇总

    iOS·Objective-C UI控件详解整理 iOS UI控件详解—「UIScrollView滚动视图」 iO...

  • 第一行代码(2)UI设计

    1. 基础UI控件 Android中的基础UI控件有这样几种: TextView Button EditText ...

  • IOS规范,扎实基础(1)

    目录: UI Bars UI Views (用户界面视图) UI Controllers (用户界面控件) UI ...

  • Android为什么不允许在子线程中访问UI

    首先,UI控件不是线程安全的,如果多线程并发访问UI控件可能会出现不可预期的状态那为什么系统不对UI控件的访问加上...

  • 第五章 Android 常见UI基础控件(一)

    这里主要讲讲新的Android 基础的UI控件,此外还拓展下新的控件。所有的控件都是View的子类。常见的UI控件...

网友评论

      本文标题:UI控件

      本文链接:https://www.haomeiwen.com/subject/kkcjjttx.html