IOS课程笔记[6] 基础控件

UILabel 控件

frame 设置尺寸

    [lb setFrame:CGRectMake(5, 0, 400, 40)];

1
2

Font 字体设置

[lb setFont:[UIFont systemFontOfSize:20.f]]    
[lb setFont:[UIFont boldSystemFontOfSize:25.f]];
[lb setFont:[UIFont italicSystemFontOfSize:23.f]];
1
2
3

背景色

[lb setBackgroundColor:[UIColor grayColor]];

1
2
3

shadowColor 阴影设置

设置对齐

//NSTextAlignmentCenter 
//NSTextAlignmentLeft
//NSTextAlignmentRight
[lb setTextAlignment:NSTextAlignmentLeft];

1
2
3
4
5

设置行数

//0为自动

[lb setNumberOfLines:0]

1
2
3
4

显示模式

lb.lineBreakMode=NSLineBreakByTruncatingHead;

1
2
3

UIIMageView控件

资源打包

• 查看调试包路径

 // debug模式找到资源位置

(lldb) po NSHomeDirectory()

/Users/bruce/Library/Developer/CoreSimulator/Devices/78EC5C14-10EA-4BC0-8020-F7668666694D/data/Containers/Data/Application/CE640BE1-3B2A-4AD6-A251-DFE4EB8AC0AA

 //Containers下的Bundle为沙箱位置

/Users/bruce/Library/Developer/CoreSimulator/Devices/78EC5C14-10EA-4BC0-8020-F7668666694D/data/Containers/Bundle/Application/1A2D4A85-1DBB-4134-A958-E9DD5AE1E5D9/BundleMetadata.plist

1
2
3
4
5
6
7
8
9
10
11

• Xcode7以下需要导入文件至Supporting Files中

• Xcode7以上资源存放在项目配置的Rescources中，如下图

图片添加

    //创建图片方式

    //方式一 通过资源名称

    UIImage *img2=[UIImage   imageNamed:@"img1"];

    //方式二 通过文件

    NSString *path =[[NSBundle mainBundle] pathForResource:@"top/banner" ofType:@"png"];

    UIImage *img=[UIImage imageWithContentsOfFile:path];

1
2
3
4
5
6
7
8
9
10
11
12
13

图片模式设置

contentMode的几个属性值：

//可能会被裁剪

     UIViewContentModeScaleToFill, // 完全缩放

     UIViewContentModeScaleAspectFit, //按比例缩放

     UIViewContentModeScaleAspectFill, //按比例填充

        //重新绘制

     UIViewContentModeRedraw,

        //图片偏移

     UIViewContentModeCenter,

     UIViewContentModeTop,

     UIViewContentModeBottom,

     UIViewContentModeLeft,

     UIViewContentModeRight,

     UIViewContentModeTopLeft,

     UIViewContentModeTopRight,

     UIViewContentModeBottomLeft,

     UIViewContentModeBottomRight,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

设置尺寸的方式

    //创建带尺寸的Image 方式

    //方式一 直接创建

    [banner setFrame:CGRectMake(10, 500, 300, 200)];

    //方式一二 根据图片尺寸创建

    [banner setFrame:CGRectMake(10, 500, img.size.width, img.size.height)];

    //方式三  根据尺寸创建

    UIImageView *banner1=[[UIImageView alloc] initWithFrame:CGRectMake(10, 500, img.size.width, img.size.height)];

    //方式四 根据图片创建

    UIImageView *banner2=[[UIImageView alloc] initWithImage:img];

    banner2.center =CGPointMake(30, 20);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

样例

-(void) loadBanner{

    //创建图片View

    UIImageView *banner=[[UIImageView alloc] init];

    //设置背景色

    [banner setBackgroundColor:[UIColor yellowColor]];

    //设置位置大小 

    [banner setFrame:CGRectMake(10, 500, 300, 200)];

    //设置图片

    UIImage *img=[UIImage   imageNamed:@"img1"];

    [banner setImage:img];

    //设置剪裁

    banner.clipsToBounds=true;

   //设置 显示模型

    banner.contentMode=UIViewContentModeScaleToFill;

    //加毛玻璃

    UIToolbar *tool= [[UIToolbar alloc] init];

    // Bounds固定的尺寸，frame可能会随其他设置变化

    tool.frame =banner.bounds;

    tool.barStyle = UIBarStyleDefault;

    tool.alpha =0.6;

    [banner addSubview:tool];

   //添加控件

    [self.view addSubview: banner];

}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49