OObjevtive-c 關於UI Xibs布局介面

來源:互聯網
上載者:User

標籤:


—————————————————————————————————————————————————————




ViewController.h檔案#import <UIKit/UIKit.h>@interface ViewController : UIViewController@property (weak, nonatomic) IBOutlet UIView *viewOne;@property (weak, nonatomic) IBOutlet UILabel *lable;@end
ViewController.m  檔案//Xibs就是布局介面的一種方式。//建立xib的方法:選擇New->File->UserInterface->Empty     設定將要建立Xib的檔案名稱字,      //============ 第一種:   首先,關於Xib載入    這裡以“XibLoadView”為例==========////--------------進入XibLoadView.xib檔案-----------//建立好Xib檔案後,我們看到Xib中沒有任何頁面,拖進一個View控制項,此時View控制項不能調節大小,設定View的size是Freeform,拖入應有的控制項。//--------------進入Viewcontroller.m檔案------------//1.載入Xib檔案。/*bundle是一個目錄,其中包含了程式會使用到的資源. 這些資源套件含了像,聲音,編譯好的代碼,nib檔案(使用者也會把bundle稱為plug-in). 對應bundle,cocoa提供了類NSBundle.我們的程式是一個bundle. 在Finder中,一個應用程式看上去和其他檔案沒有什麼區別. 但是實際上它是一個包含了nib檔案,編譯代碼,以及其他資源的目錄. 我們把這個目錄叫做程式的main bundle通過使用下面的方法得到程式的main bundleNSBundle *myBundle = [NSBundle mainBundle];//一般我們通過這種方法來得到bundle.一旦我們有了NSBundle 對象,那麼就可以訪問其中的資源了*///載入方法:[ [ NSBundle mainBundle ] loadNibNamed:@"Xib檔案名稱" owner:nil options:nil ] ;//============第二種    其次,關於Xib控制項屬性    這裡以“XibViewOne”為例==========////與第一種方法的不同,這樣的Xib可以獲得控制項的對象,設定每一個控制項的屬性//--------------進入XibLoadView.xib檔案-----------//建立好Xib檔案後,我們看到Xib中沒有任何頁面,拖進一個View控制項,此時View控制項不能調節大小,設定View1的size是Freeform後在看,這是View就可以改變大小了。調整好View的大小。設定backgroundColor的顏色以便確認是否載入成功。拖Label控制項標示說明當前View//--------------進入Viewcontroller.h檔案------------//拖線,將控制項拖進viewController的介面檔案裡,注意要將file‘s owner的class變為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檔案。nib在bundle目錄下,先擷取程式的mainbundle,在其中載入指定的nib檔案,這裡owner為nil是由於,沒有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);    [email protected]"XibViewTwo-___-";    [ self.view addSubview:view ] ;        }- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.}@end
ViewTwo.c檔案#import <Foundation/Foundation.h>#import <UIKit/UIKit.h>@interface ViewTwo : NSObject@property (weak, nonatomic) IBOutlet UILabel *label;@property (strong, nonatomic) IBOutlet UIView *View;@end
ViewTwo.m檔案#import "ViewTwo.h"@implementation ViewTwo@end


OObjevtive-c 關於UI Xibs布局介面

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.