码迷,mamicode.com
首页 > 其他好文 > 详细

[非凡程序员]XibView tableViewXib

时间:2015-11-17 19:35:22      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:



//Xibs就是布局界面的一种方式。




//创建xib的方法:选择New->File->UserInterface->Empty     设置将要创建Xib的文件名字,



      //============ 第一种:   首先,关于Xib加载    这里以“XibLoadView”为例==========//


//--------------进入XibLoadView.xib文件-----------


//创建好Xib文件后,我们看到Xib中没有任何页面,拖进一个View控件,此时View控件不能调节大小,设置ViewsizeFreeform,拖入应有的控件。


//--------------进入Viewcontroller.m文件------------

//1.加载Xib文件。

/*

bundle是一个目录,其中包含了程序会使用到的资源. 这些资源包含了如图像,声音,编译好的代码,nib文件(用户也会把bundle称为plug-in). 对应bundle,cocoa提供了类NSBundle.

我们的程序是一个bundle. Finder,一个应用程序看上去和其他文件没有什么区别. 但是实际上它是一个包含了nib文件,编译代码,以及其他资源的目录. 我们把这个目录叫做程序的main bundle


通过使用下面的方法得到程序的main bundle

NSBundle *myBundle = [NSBundle mainBundle];//一般我们通过这种方法来得到bundle.

一旦我们有了NSBundle 对象,那么就可以访问其中的资源了

*/


//加载方法:[ [ NSBundle mainBundle ] loadNibNamed:@"Xib文件名" owner:nil options:nil ] ;


//============第二种    其次,关于Xib控件属性    这里以“XibViewOne”为例==========//

//与第一种方法的不同,这样的Xib可以获得控件的对象,设置每一个控件的属性


//--------------进入XibLoadView.xib文件-----------


//创建好Xib文件后,我们看到Xib中没有任何页面,拖进一个View控件,此时View控件不能调节大小,设置View1sizeFreeform后在看,这是View就可以改变大小了。调整好View的大小。设置backgroundColor的颜色以便确认是否加载成功。拖Label控件标示说明当前View


//--------------进入Viewcontroller.h文件------------

//拖线,将控件拖进viewController的接口文件里,注意要将file‘s ownerclass变为ViewController.


//--------------进入Viewcontroller.m文件------------

//加载Xib。注意owner变量为self



     //============第三种    关于Xib控件    这里以“XibViewTwo”为例,创建Class名为ViewTwo==========//

//这种是将Xib文件和Class分开创建,建好后在进行变量关联的

//--------------进入XibLoadView.xib文件-----------


//创建好Xib文件后,拖入需要控件,将控件大小设置好,设置文件的File‘s Owner 对应的Class。设置栏填写ViewTwo


//--------------进入ViewTwo.h文件------------

//拖线。注意:如果创建的为NSObject类需要引入UIKit框架


//--------------进入Viewcontroller.m文件------------

//1.引入头文件,ViewTwo.h    2.实例化ViewTwo的对象

//2.加载Xib。注意owner变量为ViewTwo的对象

//3.获取View




#import "ViewController.h"

#import "ViewTwo.h"

@interface ViewController ()


@end


@implementation ViewController


- (void)viewDidLoad {

    [super viewDidLoad];

    

    //============    关于Xib加载    ==========//


    //加载Xib。当Xib在经过编译链接之后就变为nib文件。nibbundle目录下,先获取程序的mainbundle,在其中加载指定的nib文件,这里ownernil是由于,没有owner变量

    

    NSArray * array = [ [ NSBundle mainBundle ] loadNibNamed:@"XibLoadView" owner:nil options:nil ] ;

    

    UIView * ViewLoadFromXib = [ array firstObject ] ;//在取出View时注意,这里我们可以用[ array lastObject ],由于这个Xib只有一个View

    

    [ self.view addSubview : ViewLoadFromXib ] ;//添加到根视图

    

    

    

    //============    其次,关于Xib控件属性    这里以“XibViewOne”为例==========//

    

    NSArray * arrayOne = [ [ NSBundle mainBundle ] loadNibNamed:@"XibViewOne" owner:self options:nil ] ;//这里的owner

    

    _viewOne = [ arrayOne firstObject ] ;//在取出View时注意,这里我们可以用[ array lastObject ],由于这个Xib只有一个View

    _viewOne.frame=CGRectMake(0, 100, 375, 100);

    

    [ self.view addSubview : _viewOne ] ;//添加到根视图

    

    

    

    //============    关于Xib控件    这里以“XibViewTwo”为例==========//

    //实例化ViewTwo对象

    ViewTwo * viewOnwer = [ [ ViewTwo alloc ] init ] ;

    NSArray * arrayViewTwo = [[ NSBundle mainBundle ] loadNibNamed:@"XibViewTwo" owner:viewOnwer options:nil];

    UIView * view = [ arrayViewTwo firstObject ] ;

    view.frame=CGRectMake(0, 210, 375, 100);

    viewOnwer.label.text=@"XibViewTwo-___-";

    [ self.view addSubview:view ] ;

    

    

}


@property (weaknonatomicIBOutlet UIView *viewOne;

@property (weaknonatomicIBOutlet UILabel *lable;


//ViewTwo.h

@property (weak, nonatomic) IBOutlet UILabel *label;

@property (strong, nonatomic) IBOutlet UIView *View;





//XIB

- (void)viewDidLoad {

    [super viewDidLoad];

    ViewOnwer *onwer=[[ViewOnwer alloc]init];

    

    UIScrollView * scrollView=[[UIScrollView alloc]initWithFrame:[[UIScreen mainScreen]bounds]];

    for (int i=0; i<6; i++) {

        NSArray *array = [[NSBundle mainBundle] loadNibNamed:@"View" owner:onwer options:nil];

        UIView * view =[array firstObject];

        

        onwer.label.text=@"移动迷宫2";

        onwer.image.image=[UIImage imageNamed:@"2"];

        [onwer.button setTitle:@"下载" forState:UIControlStateNormal];

        [onwer.button setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];

        [onwer.button addTarget:self action:@selector(Down:) forControlEvents:UIControlEventTouchUpInside];

        view.frame = CGRectMake( 0, i * view.frame.size.height, view.frame.size.width, view.frame.size.height);

        [scrollView addSubview:view];


    }

     scrollView.contentSize=CGSizeMake(0,onwer.viewCell.frame.size.height * 6 );

    [self.view addSubview:scrollView];


    

}

-(void)Down:(UIButton *)sender{

    [sender setTitle:@"正在下载" forState:UIControlStateNormal];

}


@interface ViewOnwer : NSObject

@property (weak, nonatomic) IBOutlet UIImageView *image;

@property (weak, nonatomic) IBOutlet UILabel *label;

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

@property (strong, nonatomic) IBOutlet UIView *viewCell;





//在列表里样式有很多种,我们要注意一般的TableView是没有图片的,当我们需要某种样式的TableViewCell。我们可以借助继承UITableViewCell类的来创建自己的tableView

//1.New File -> ios Souce -> Cocoa Touch Class UITableViewCell为父类)注意勾选同时创建Xib选项

//2.在创建的类里重写实例化方法(-(id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reusename)-----TableViewCell.m里看~

//3.cell就要相应的容器装,创建UITableView。回到ViewCintrollerViewDidLoad方法。

//4.遵守协议(两个UITableViewDelegateUITableViewDataSource),设置实现者

//5.实现必要方法

//-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

//-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

//6.绘制cell的时候注意这是的cell的样式是我们设置好的,将除去原本方法返回外,所有UITableViewCell的类转化为自定义类

//7.调整行距。-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

#import "ViewController.h"

#import "TableViewCell.h"

@interface ViewController ()


@end


@implementation ViewController


- (void)viewDidLoad {

    [super viewDidLoad];

    UITableView *tableView=[[UITableView alloc]initWithFrame:[[UIScreen mainScreen]bounds]];

    tableView.delegate=self;

    tableView.dataSource=self;

    [self.view addSubview:tableView];

}


- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{

    return 4;

}

//绘制cell的方法

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    TableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:@"cell"];

    if (cell==nil) {

        cell=[[TableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];

    }

    cell.cellLabel.text=@"hello";

    cell.cellImage.image=[UIImage imageNamed:@"0"];

    

    return cell;

}

//7.调整行距。这是设置行高的方法

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{

    return 50;

}


[非凡程序员]XibView tableViewXib

标签:

原文地址:http://my.oschina.net/u/2501648/blog/531693

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!