IOS開發UI篇—手寫控件,frame,center和bounds屬性

1、手寫控件
1:手寫控件的步驟
(1)使用相應的控件類建立控件對象
(2)設置該控件的各類屬性
(3)添加控件到視圖中
(4)若是是button等控件,還需考慮控件的單擊事件等
(5)注意:View Contollor和view的關係

在OC開發中,Storyboard中的全部操做均可以經過代碼實現,程序員必定要熟練掌握代碼佈局界面的能力!

設置控件監聽方法的示例代碼以下:
[btn addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];

提示:
1> addTarget方法定義在UIControl類中,這意味着能夠給全部繼承自UIControl類的對象添加監聽方法
2> 監聽方法的第一個參數就是對象自己
3> 監聽方法的第二個參數是監聽控件的事件

3.代碼示例
 //1:使用類建立一個按鈕對象
// UIButton *headbtn=[[UIButton alloc]initWithFrame:CGRectMake(100 ,100, 100, 100)];

2://設置按鈕對象爲自定義型
UIButton *headbtn=[UIButton buttonWithType:UIButtonTypeCustom];

3://設置對象的各項屬性
//(1)位置等通用屬性設置
headbtn.frame=CGRectMake(100, 100, 100, 100);

//(2)設置普通狀態下按鈕的屬性  
[headbtn setBackgroundImage:[UIImage imageNamed:@"i"] forState:UIControlStateNormal];
[headbtn setTitle:@"點我!" forState:UIControlStateNormal];
[headbtn setTitleColor:[UIColorredColor] forState:UIControlStateNormal];

//(3)設置高亮狀態下按鈕的屬性    
[headbtn setBackgroundImage:[UIImage imageNamed:@"a"] forState:UIControlStateHighlighted];
headbtn setTitle:@"還行吧~" forState:UIControlStateHighlighted];    [headbtn setTitleColor:[UIColor blueColor] forState:UIControlStateHighlighted];

//3.把對象添加到視圖中展示出來
[self.view addSubview:headbtn];

self.headImageView=headbtn;

2、frame,center和bounds屬性
1.frame、center和bounds屬性
frame:控制位置和大小
center:控制位置(中心點)
bounds:控制大小(以本身的左上角爲原點)

2.(1)經過如下屬性能夠修改控件的位置
frame.origin
Center

(2)經過如下屬性能夠修改控件的尺寸
frame.size
bounds.size

3.代碼示例
一個控制圖片上下左右平移,縮放的程序(frame、center和bounds屬性)
//  YYViewController.m
//  01-練習使用按鈕的frame和center屬性
//  Created by apple on 14-5-21.
//  Copyright (c) 2014年 itcase. All rights reserved.

#import "YYViewController.h"
//私有擴展
@interface YYViewController ()

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

@implementation YYViewController

//枚舉類型,從1開始
typedef enum
{
    ktopbtntag=1,
    kdownbtntag,
    krightbtntag,
    kleftbtntag
}btntag;
//viewDidLoad是視圖加載完成後調用的方法,一般在此方法中執行視圖控制器的初始化工做
- (void)viewDidLoad
{
//在viewDidLoad方法中,不要忘記調用父類的方法實現
[super viewDidLoad];

//手寫控件代碼
//1、寫一個按鈕控件,上面有一張圖片
 //1.使用類建立一個按鈕對象
// UIButton *headbtn=[[UIButton alloc] initWithFrame:CGRectMake(100 ,100, 100, 100)];
//設置按鈕對象爲自定義型
UIButton *headbtn=[UIButton buttonWithType:UIButtonTypeCustom];
    
//2.設置對象的各項屬性
//(1)位置等通用屬性設置
headbtn.frame=CGRectMake(100, 100, 100, 100);

//(2)設置普通狀態下按鈕的屬性
[headbtn setBackgroundImage:[UIImage imageNamed:@"i"] forState:UIControlStateNormal];
[headbtn setTitle:@"點我!" forState:UIControlStateNormal];
[headbtn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
    
//(3)設置高亮狀態下按鈕的屬性
[headbtn setBackgroundImage:[UIImage imageNamed:@"a"] forState:UIControlStateHighlighted];
[headbtn setTitle:@"還行吧~" forState:UIControlStateHighlighted];
[headbtn setTitleColor:[UIColor blueColor] forState:UIControlStateHighlighted];
    
//3.把對象添加到視圖中展示出來
[self.view addSubview:headbtn];

self.headImageView=headbtn;

    
  //2、寫四個控制圖片左右上下移動方向的按鈕控件
    
      /**================向上的按鈕=====================*/
//1.建立按鈕對象
  UIButton *topbtn=[UIButton buttonWithType:UIButtonTypeCustom];
    
//2.設置對象的屬性
topbtn.frame=CGRectMake(100, 250, 40, 40);
[topbtn setBackgroundImage:[UIImage imageNamed:@"top_normal"] forState:UIControlStateNormal];
[topbtn setBackgroundImage:[UIImage imageNamed:@"top_highlighted"] forState:UIControlStateHighlighted];
[topbtn setTag:1];

//3.把控件添加到視圖中
[self.view addSubview:topbtn];    

//4.按鈕的單擊控制事件
[topbtn addTarget:self action:@selector(Click:) forControlEvents:UIControlEventTouchUpInside];
    
    
      /**================向下的按鈕=====================*/
//1.建立按鈕對象
UIButton *downbtn=[UIButton buttonWithType:UIButtonTypeCustom];
//2.設置對象的屬性
downbtn.frame=CGRectMake(100, 350, 40, 40);
    [downbtn setBackgroundImage:[UIImage imageNamed:@"bottom_normal"] forState:UIControlStateNormal];
    [downbtn setBackgroundImage:[UIImage imageNamed:@"bottom_highlighted"] forState:UIControlStateHighlighted];
    [downbtn setTag:2];

//3.把控件添加到視圖中
[self.view addSubview:downbtn];
    
//4.按鈕的單擊控制事件
[downbtn addTarget:self action:@selector(Click:) forControlEvents:UIControlEventTouchUpInside];

    
    /**================向左的按鈕=====================*/
//1.建立按鈕對象
UIButton *leftbtn=[UIButton buttonWithType:UIButtonTypeCustom];
//2.設置對象的屬性
leftbtn.frame=CGRectMake(50, 300, 40, 40);
[leftbtn setBackgroundImage:[UIImage imageNamed:@"left_normal"] forState:UIControlStateNormal];
[leftbtn setBackgroundImage:[UIImage imageNamed:@"left_highlighted"] forState:UIControlStateHighlighted];
[leftbtn setTag:4];

//3.把控件添加到視圖中
 [self.view addSubview:leftbtn];

 //4.按鈕的單擊控制事件
[leftbtn addTarget:self action:@selector(Click:) forControlEvents:UIControlEventTouchUpInside];
    
     /**================向右的按鈕=====================*/
//1.建立按鈕對象
UIButton *rightbtn=[UIButton buttonWithType:UIButtonTypeCustom];
//2.設置對象的屬性
rightbtn.frame=CGRectMake(150, 300, 40, 40);
    [rightbtn setBackgroundImage:[UIImage imageNamed:@"right_normal"] forState:UIControlStateNormal];
    [rightbtn setBackgroundImage:[UIImage imageNamed:@"right_highlighted"] forState:UIControlStateHighlighted];
    [rightbtn setTag:3];

//3.把控件添加到視圖中
[self.view addSubview:rightbtn];

//4.按鈕的單擊控制事件
[rightbtn addTarget:self action:@selector(Click:) forControlEvents:UIControlEventTouchUpInside];
    
//3、寫兩個縮放按鈕
       /**================放大的按鈕=====================*/
//1.建立對象
UIButton *plusbtn=[UIButton buttonWithType:UIButtonTypeCustom];
//2.設置屬性
    plusbtn.frame=CGRectMake(75, 400, 40, 40);
    [plusbtn setBackgroundImage:[UIImage imageNamed:@"plus_normal"] forState:UIControlStateNormal];
    [plusbtn setBackgroundImage:[UIImage imageNamed:@"plus_highlighted"] forState:UIControlStateHighlighted];
    [plusbtn setTag:1];
//3.添加到視圖
[self.view addSubview:plusbtn];

//4.單擊事件
[plusbtn addTarget:self action:@selector(Zoom:) forControlEvents:UIControlEventTouchUpInside];
      /**================縮小的按鈕=====================*/
    UIButton *minusbtn=[UIButton buttonWithType:UIButtonTypeCustom];
    minusbtn.frame=CGRectMake(125, 400, 40, 40);
    [minusbtn setBackgroundImage:[UIImage imageNamed:@"minus_normal"] forState:UIControlStateNormal];
    [minusbtn setBackgroundImage:[UIImage imageNamed:@"minus_highlighted"] forState:UIControlStateHighlighted];
    [minusbtn setTag:0];
    [self.view addSubview:minusbtn];
    [minusbtn addTarget:self action:@selector(Zoom:) forControlEvents:UIControlEventTouchUpInside];
}
//控制方向的多個按鈕調用同一個方法
-(void)Click:(UIButton *)button
{

//練習使用frame屬性
//CGRect frame=self.headImageView.frame;
/**注意,這裏若是控制位置的兩個屬性frame和center同時使用的話,會出現很好玩的效果,注意分析*/

    //練習使用center屬性
    CGPoint center=self.headImageView.center;
    switch (button.tag) {
        case ktopbtntag:
            center.y-=30;
            break;
        case kdownbtntag:
            center.y+=30;
            break;
        case kleftbtntag:
           //center.x=center.x-30;
            center.x-=50;
            break;
        case krightbtntag:
            center.x+=50;
            break;
    }

//  self.headImageView.frame=frame;

//首尾式設置動畫效果
[UIView beginAnimations:nil context:nil];

self.headImageView.center=center;

//設置時間
[UIView setAnimationDuration:2.0];
    [UIView commitAnimations];
    NSLog(@"移動!");   
}
-(void)Zoom:(UIButton *)btn
{
    //使用frame,以本身的左上角(本身的原點)爲原點
//    CGRect frame=self.headImageView.frame;
//    if (btn.tag) {
//        frame.size.height+=30;
//        frame.size.width+=30;
//    }
//    else
//    {
//        frame.size.width-=50;
//        frame.size.height-=50;
//    }
//    self.headImageView.frame=frame;
    
    
    //使用bounds,以中心點位原點進行縮放
    CGRect bounds = self.headImageView.bounds;
    if (btn.tag) {
        bounds.size.height+=30;
        bounds.size.width+=30;
    }
    else
    {
        bounds.size.height-=50;
        bounds.size.width-=50;
    }
    
    //設置首尾動畫
    [UIView beginAnimations:nil context:nil];
    self.headImageView.bounds=bounds;
    [UIView setAnimationDuration:2.0];
    [UIView commitAnimations];
}
@end

3、簡單的動畫效果
簡單介紹首尾式動畫效果
(1)開始動畫
(2)設置動畫相關的時間等
(3)參與動畫的行動
(4)提交動畫

這裏有一些應用能添加廣告教程,如android 應用 、 IOS應用 、 flash air 應用、 cordova5 應用,詳細教程網站http://www.keymob.com這 是一個專業應用廣告管理工具——KeyMob支持百度廣告 ,admob廣告,廣點通,mmedia 、inmobi、chartboost 、iad、adcolony視頻廣告等衆多流行廣告平臺。使用KeyMob能夠順利經過應用市場審覈;經過KeyMob能夠方便的應用交叉推廣,設定各個廣告平臺的比例和優先順序,還能夠方便的完成定向推廣,自主銷售廣告,互換廣告和控制廣告的內容與價格。


 

android

相關文章
相關標籤/搜索