欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

程序员文章站 2022-03-18 22:24:31
一,新建立一个工程,Hello,如图所示。 二,Xcode >New >File >FirstViewController >选中Also create XIB file >Next.如图所示。 三,如下图所示。 四,在AppDelegate.m中输入如下代码 : 五,在FristViewContr ......

一,新建立一个工程,Hello,如图所示。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

二,Xcode--->New--->File--->FirstViewController---->选中Also create XIB file--->Next.如图所示。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

三,如下图所示。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

四,在AppDelegate.m中输入如下代码 :

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)
#import "AppDelegate.h"
#import "FirstViewController.h"

@interface AppDelegate ()

@end

@implementation AppDelegate


- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // Override point for customization after application launch.
    
    
    FirstViewController *first=[[FirstViewController alloc]init];
    UINavigationController *nav=[[UINavigationController alloc]initWithRootViewController:first];
    self.window.rootViewController=nav;
    
    self.window.backgroundColor=[UIColor whiteColor];
    
    return YES;
}
【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

五,在FristViewController.m中输入如下代码:

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view from its nib.
    
    self.view.backgroundColor=[UIColor redColor];
    self.title=@"first";
    
}
【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

六,运行代码 ,如下图所示。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

七,选 中FirstViewController.xib,如下图所示。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

八,选中xcode右上角的中间那个按钮。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

九,会看到Xcode变成如下,最底下,显示FirstViewController.h文件。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

十,如下图所示,找到Use Auto  Layout--->把前面的勾去掉。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

十一,会弹出如下对话框,选择右侧的Disable Size Classes.

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

十二,会看到中间出现了iPhone形状的画布。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

十三,拖动一个Button按钮到画布上面。如下图所示。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

十四,将Button命名为On.

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

十五,如图,在内部的方框中显示弹簧(两端有箭头的红色垂直线和水平线);支架是外部的红线。注意On按钮的位置,只有顶部和左侧的支架是活动的,说明按钮的顶部和左边将与其超视图边缘保持相同的距离,该按钮不在在垂直或者水平方向上改变尺寸。即不管屏幕怎么变化,按钮都会在左上角的位置不动。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

十六,运行,如下图所示。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

 

十七,点击Autorsizing左侧和顶部的红色箭头,箭头将会消失,右侧的白色画布内的红色也跑到了中间的位置。这不是我们想要的效果。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

十八,用鼠标选 中Autoresizing中的右侧和下侧的箭头,看到右侧白色画布中的红色跑到了右下角,即不管屏幕怎么变化大小,button都会以右下角对齐。这正式我们想要的效果。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

十九,如图,运行。我们可以在iphone5,iphone6的模拟机上运行,发现button总是显示是右上角。

 

【读书笔记】iOS-button只显示在一个界面的右下角,不管界面大小怎么变化(xib,没有使用自动布局)(一)

 

参考资料:《Xcode实战开发》