ios开发ui教程,ios ui绘制原理

iOS 开发-UILabel(文本)的使用

1.     创建CGRectrect = CGRectMake(100,200,50,50);

        UILabel *label = [[UILabelalloc]initWithFrame:rect];

2.      text     设置和读取文本内容,默认为nil

         label.text = @”文本信息”;     设置内容

         NSLog(@”%@”, label.text)     打印label内容

3.      textColor      设置文字颜色，默认为黑色

        lable.textColor = [UIColor redColor];

4.      font      设置字体大小，默认17

        label.font = [UIFont systemFontOfSize:20]; 跟随系统默认字体

        label.font=[UIFont boldSystemFontOfSize:20]; 设置字体加粗字号为20的label

        label.font=[UIFont fontWithName:@"Arial"size:16]; 指定字体的方法, 还有⼀一种从外部导入字体的方法

5.      textAlignment      设置标签文本对齐方式

        label.textAlignment = NSTextAlignmentCenter; 设置文本内容居中显示

        label.textAlignment = NSTextAlignmentLeft; 设置文本内容居左显示

        label.textAlignment = NSTextAlignmentRight; 设置文本内容居右显示

6.      numberOfLines      设置文本最多显示行数, 为0则表示行数不限(无限行)

        label.numberOfLines = 2; 设置文本内容行数为2行

7.      enabled     只是决定了Label的绘制方式,将它设置为NO将会使文本变暗,表示它没有激活,这时向它设置颜色值是无效的, 默认为YES;

        label.enable = NO;

8.      highlighted 是否高亮显示,默认为NO

        label.highlighted = YES;  

        label.highlightedTextColor = [UIColor orangeColor]; 高亮显示时的文本颜色

9.      ShadowColor     设置阴影颜色

        [label setShadowColor:[UIColorblackColor]];

10.      ShadowOffset      设置阴影偏移量

        [label setShadowOffset:CGSizeMake(-1,-1)];

11.      baselineAdjustment  

        如果adjustsFontSizeToFitWidth属性设置为YES,这个属性就来控制文本基线的行为。

        label.baselineAdjustment = UIBaselineAdjustmentNone;

        UIBaselineAdjustmentAlignBaselines = 0默认，文本最上端与中线对齐。

        UIBaselineAdjustmentAlignCenters,文本中线与label中线对齐。

        UIBaselineAdjustmentNone,文本最低端与label中线对齐。

12.      Autoshrink     是否自动收缩FixedFontSize 默认,如果Label宽度小于文字长度时,文字大小不自动缩放minimumScaleFactor 设置最小收缩比例，如果Label宽度小于文字长度时，文字进行收缩，收缩超过比例后，停止收缩。minimumFontSize 设置最小收缩字号，如果Label宽度小于文字长度时，文字字号减小，低于设定字号后，不再减小。//6.0以后不再使用了。

label.minimumScaleFactor = 0.5;

13.      adjustsLetterSpacingToFitWidth     

           改变字母之间的间距来适应Label大小

           label.adjustsLetterSpacingToFitWidth = NO;

 14.      lineBreakMode    设置文字过长时的显示格式

        label.lineBreakMode = NSLineBreakByCharWrapping;以字符为显示单位显示，后面部分省略不显示。

        label.lineBreakMode=NSLineBreakByClipping;剪切与文本宽度相同的内容长度，后半部分被删除。

        label.lineBreakMode=NSLineBreakByTruncatingHead;前面部分文字以……方式省略，显示尾部文字内容。

        label.lineBreakMode=NSLineBreakByTruncatingMiddle;中间的内容以……方式省略，显示头尾的文字内容。

        label.lineBreakMode=NSLineBreakByTruncatingTail;结尾部分的内容以……方式省略，显示头的文字内容。

        label.lineBreakMode=NSLineBreakByWordWrapping;以单词为显示单位显示，后面部分省略不显示。

15.      adjustsFontSizeToFitWidth    设置字体大小适应label宽度

        label.adjustsFontSizeToFitWidth = YES;

16.      attributedText      设置标签属性文本。

        NSString*text=@"first";

        NSMutableAttributedString *textLabelStr = [[NSMutableAttributedStringalloc]initWithString:text];       

       [textLabelStrsetAttributes:@{NSForegroundColorAttributeName[UIColorlightGrayColor],NSFontAttributeName:    [UIFontsystemFontOfSize:17]} range:NSMakeRange(11,10)];

        label.attributedText = textLabelStr;

17.     竖排文字显示每个文字加一个换行符，这是最方便和简单的实现方式。

        label.text=@"请\n竖\n直\n方\n向\n排\n列";

        label.numberOfLines = [label.text length];(可以直接设置成数字)

18.     计算UIlabel 随字体多行后的高度

        CGRect bounds = CGRectMake(0,0,200,300);

        heightLabel = [label textRectForBounds:bounds limitedToNumberOfLines:20];计算20行后的Label的Frame   

        NSLog(@"%f",heightLabel.size.height);

19.     UILabel根据字数多少自动实现适应高度

        UILabel*msgLabel = [[UILabel alloc] initWithFrame:CGRectMake(15,45,0,0)];

        msgLabel.backgroundColor=[UIColor lightTextColor];

        [msgLabel setNumberOfLines:0];

        msgLabel.lineBreakMode = UILineBreakModeWordWrap;

        msgLabel.font = [UIFont fontWithName:@"Arial"size:12];

        CGSize size = CGSizeMake(290,1000);

        msgLabel.text = @"一个人 一首歌 一杯酒 一支烟 一部手机 一台电脑 一杯清茶 一路清贫 一路走 一路停 一个远方 一个你还没到来 万世孤独";

        CGSize msgSie = [msgLabel.text sizeWithFont:fontsconstrainedToSize:size];

        [msgLabel setFrame:CGRectMake(15,45,290,msgSie.height)];

20.      渐变字体

        LabelUIColor *titleColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"btn.png"]];

        NSString *title = @"Setting";

        UILabel*titleLabel = [[UILabel alloc]initWithFrame:CGRectMake(0,0,80,44)];

        titleLabel.textColor=titleColor;

        titleLabel.text = title;

        titleLabel.font = [UIFont boldSystemFontOfSize:20];

        titleLabel.backgroundColor=[UIColor clearColor];

        [self.view addSubview:titleLabel];

21.      Label添加边框

        titleLabel.layer.borderColor = [[UIColor grayColor] CGColor];

        titleLabel.layer.borderWidth = 2;

22. 设置label内边距

        .h文件

         @interface DrawRectLabel : UILabel

         @property ( nonatomic , assign ) UIEdgeInsets edgeInsets;

         @end

        .m文件      需要重写方法:  - ( void )drawTextInRect:(CGRect)rect

        - (CGRect)textRectForBounds:(CGRect)bounds limitedToNumberOfLines:(NSInteger)numberOfLines{

        UIEdgeInsetsinsets = self .edgeInsets;

        CGRect rect = [ super textRectForBounds:UIEdgeInsetsInsetRect(bounds, insets)limitedToNumberOfLines:numberOfLines];

        rect.origin.x    -= insets.left;

        rect.origin.y    -= insets.top;

        rect.size.width  += (insets.left+ insets.right);

        rect.size.height+= (insets.top+ insets.bottom);

         return rect;

}

相关问答

Q1: iOS开发网络篇－UIImage加载图片方式

imageNamed默认加载图片成功后会内存中缓存图片,这个方法用一个指定的名字在系统缓存中查找并返回一个图片对象.如果缓存中没有找到相应的图片对象,则从指定地方加载图片然后缓存对象，并返回这个图片对象.多了就有问题。一般加上AutoReleasePool

imageWithContentsOfFile则仅只加载图片,不缓存.大量使用imageNamed方式会在不需要缓存的地方额外增加开销CPU的时间来做这件事.当应用程序需要加载一张比较大的图片并且使用一次性，那么其实是没有必要去缓存这个图片的，用imageWithContentsOfFile是最为经济的方式,这样不会因为UIImage元素较多情况下，CPU会被逐个分散在不必要缓存上浪费过多时间.。

Q2: iOS的UI开发中Button的基本编写方法解析

一、简单说明

一般情况下，点击某个控件后，会做出相应反应的都是按钮

按钮的功能比较多，既能显示文字，又能显示图片，还能随时调整内部图片和文字的位置

二、按钮的三种状态

normal（普通状态）

默认情况（Default）

对应的枚举常量：UIControlStateNormal

highlighted（高亮状态）

按钮被按下去的时候（手指还未松开）

对应的枚举常量：UIControlStateHighlighted

disabled（失效状态，不可用状态）

如果enabled属性为NO，就是处于disable状态，代表按钮不可以被点击

对应的枚举常量：UIControlStateDisabled

三、注意点

（1）从Xcode5开始，图片资源都放到Images.xcassets中进行管理，可以使用拖拽的方式添加项目中用到的图片到Images.xcassets中

（2）若干多个控件共用一段代码，通常使用tag。

四、代码示例

（1）

复制代码 代码如下:

#import "LFViewController.h"

@interface LFViewController ()

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

@end

@implementation LFViewController

// 在OC中，绝大多数的控件的监听方法的第一个参数就是控件本身

//- (IBAction)left:(UIButton *)button {

//

// NSLog(@"----");

//}

- (IBAction)move

{

// 通过frame修改head的位置

// 在OC中，不允许直接修改“对象”的“结构体属性”的“成员”

// 允许修改“对象”的'“结构体属性”

// 1. 取出结构体属性

CGRect rect = self.headImageView.frame;

// 2. 修改结构体成员

rect.origin.y -= 20;

// 3. 设置对象的结构体属性

self.headImageView.frame = rect;

}

（2）

复制代码 代码如下:

#import "LFViewController.h"

使用git

1. 创建项目时，勾选git

2. 开发告一段落后，选择"Source Control""Commit",并编写注释

// 枚举类型实质上就是一个整数，作用就是用来替代魔法数字

// 枚举类型中，指定了第一个整数之后，后面的数字会递增

typedef enum

kMovingDirTop = 10,

kMovingDirBottom,

kMovingDirLeft,

kMovingDirRight,

} kMovingDir;

#define kMovingDelta 50

@interface LFViewController ()

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

@end

@implementation LFViewController

- (IBAction)move:(UIButton *)button

// CGRect rect = self.headImageView.frame;

CGPoint p = self.headImageView.center;

// magic number魔法数字，其他程序员看到代码的时候，不知道是什么意思

switch (button.tag) {

case kMovingDirTop:

p.y -= kMovingDelta;

break;

case kMovingDirBottom:

p.y += kMovingDelta;

break;

case kMovingDirLeft:

p.x -= kMovingDelta;

break;

case kMovingDirRight:

p.x += kMovingDelta;

break;

[UIView beginAnimations:nil context:nil];

[UIView setAnimationDuration:1.0];

self.headImageView.center = p;

[UIView commitAnimations];

- (IBAction)zoom:(UIButton *)button

CGRect rect = self.headImageView.bounds;

// 在C语言中，关于bool的判断：非零即真

if (button.tag) {

rect.size.width += 50;

rect.size.height += 50;

rect.size.width -= 50;

rect.size.height -= 50;

// 首尾动画

// beginAnimations表示此后的代码要“参与到”动画中

[UIView beginAnimations:nil context:nil];

[UIView setAnimationDuration:2.0];

self.headImageView.bounds = rect;

// self.headImageView.alpha = 0;

// commitAnimations,将beginAnimation之后的所有动画提交并生成动画

[UIView commitAnimations];

@end

五、补充笔记

1. IBAction的参数

- (IBAction)left:(UIButton *)button

（1） 在OC中，绝大多数的控件监听方法的第一个参数就是控件本身

（2） 默认连线时的参数类型是id

（3） 如果要在监听方法中，方便控件的使用，可以在连线时或者连线后，修改监听方法的参数类型

2. 修改对象的结构体成员

在OC中，不允许直接修改“对象”的“结构体属性”的“成员”，但是允许修改“对象”的“结构体属性”

修改结构体属性的成员方法如下：

（1）使用临时变量记录对象的结构体属性

（2） 修改临时变量的属性

（3）将临时变量重新设置给对象的结构体属性

3. 在程序开发中需要避免出现魔法数字(Magic Number)

使用枚举类型，可以避免在程序中出现魔法数字

（1）枚举类型实质上就是一个整数，其作用就是用来替代魔法数字

（2）枚举类型中，指定了第一个整数之后，后面的数字会递增

4. frame bounds center

1 frame可以修改对象的位置和尺寸

2 bounds可以修改对象的尺寸

3 center可以修改对象的位置

5. 首尾式动画

复制代码 代码如下:

// beginAnimations表示此后的代码要“参与到”动画中

[UIView beginAnimations:nil context:nil];

// setAnimationDuration用来指定动画持续时间

[UIView setAnimationDuration:2.0];

self.headImageView.bounds = rect;

......

// commitAnimations，将beginAnimation之后的所有动画提交并生成动画

[UIView commitAnimations];

下面来罗列一下UIButton的基本属性罗列

第一、UIButton的定义

复制代码 代码如下:

UIButton *button=[[UIButton buttonWithType:(UIButtonType);

能够定义的button类型有以下6种，

复制代码 代码如下:

typedef enum {

UIButtonTypeCustom = 0, 自定义风格

UIButtonTypeRoundedRect, 圆角矩形

UIButtonTypeDetailDisclosure, 蓝色小箭头按钮，主要做详细说明用

UIButtonTypeInfoLight, 亮色感叹号

UIButtonTypeInfoDark, 暗色感叹号

UIButtonTypeContactAdd, 十字加号按钮

}UIButtonType;

第二、设置frame

复制代码 代码如下:

button1.frame = CGRectMake(20, 20, 280, 40);

[button setFrame:CGRectMake(20,20,50,50)];

第三、button背景色

复制代码 代码如下:

button1.backgroundColor = [UIColor clearColor];

[button setBackgroundColor:[UIColor blueColor]];

第四、state状态

forState: 这个参数的作用是定义按钮的文字或图片在何种状态下才会显现

复制代码 代码如下:

enum {

UIControlStateNormal = 0, 常规状态显现

UIControlStateHighlighted = 1 0, 高亮状态显现

UIControlStateDisabled = 1 1, 禁用的状态才会显现

UIControlStateSelected = 1 2, 选中状态

UIControlStateApplication = 0x00FF0000, 当应用程序标志时

UIControlStateReserved = 0xFF000000 为内部框架预留，可以不管他

@property(nonatomic,getter=isEnabled)BOOL enabled; // default is YES. if NO, ignores touch events and subclasses may draw differently

@property(nonatomic,getter=isSelected)BOOL selected; // default is NO may be used by some subclasses or by application

@property(nonatomic,getter=isHighlighted)BOOL highlighted;

第五 、设置button填充图片和背景图片

复制代码 代码如下:

[buttonsetImage:[UIImageimageNamed:@"checkmarkControllerIcon"]forState:UIControlStateNormal];

[buttonsetBackgroundImage:[UIImageimageNamed:@"checkmarkControllerIcon"]forState:UIControlStateNormal];

第六、设置button标题和标题颜色

复制代码 代码如下:

[button1 setTitle:@"点击" forState:UIControlStateNormal];

[buttonsetTitleColor:[UIColorredColor]forState:UIControlStateNormal];

第七、设置按钮按下会发光

复制代码 代码如下:

button.showsTouchWhenHighlighted=NO;

第八、添加或删除事件处理

复制代码 代码如下:

[button1 addTarget:self action:@selector(butClick:) forControlEvents:UIControlEventTouchUpInside];

[btn removeTarget:nil action:nil forControlEvents:UIControlEventTouchUpInside];

第九、 设置按钮内部图片间距和标题间距

复制代码 代码如下:

UIEdgeInsets insets; // 设置按钮内部图片间距

insets.top = insets.bottom = insets.right = insets.left = 10;

bt.contentEdgeInsets = insets;

bt.titleEdgeInsets = insets; // 标题间距

Q3: iOS开发之观察任意 App 的 UI 布局 Reveal 篇

本篇还是以 x易x音乐为?

如果没有，那就创建一个 RHRevealLoader 文件夹，然后打开 Reveal ，如下操作

把这两个文件复制到刚才创建的 RHRevealLoader 文件夹下

3，在手机上配置 Reveal Loader 插件 设置 -- Reveal -- Enableded Applications -- 把想查看的 App 开关打开

4，查看目标 App 的 UI 布局

首先确认 OS X 和 iOS 位于同一网段内，然后启动 Reveal ，在启动目标 App（如果App 之前是开着的，需要先管掉，再打开）

在App里切换了界面，可在 Reveal 界面中按 command ＋ r 刷新。

汇报完毕，欢迎讨论！

Q4: iOS开发 UIButton的基本属性

Button就是一个按钮，就是手机界面中可以点击的那种（点击之后跳转入另一个界面）

Button定义时有许多类型可以选择

一般情况下使用custom属于自定义型 

1、定义一个Button按钮 (UIButton *按钮名;)   并且将其定义为自定义类型

2、button的大小 (按钮名+.frame)

3、button显示的字体名称加状态

    (1) 一般使用这三种状态 ([按钮名 setTitle: forState:])

参数一：设置按钮标题(String类型)

参数二：设置按钮显示标题时所处的状态(系统自带)

      (2) 这种定义标题的方式 不常用 (按钮名+.titleLabel.text)

4、button的背景颜色 (按钮名+.backgroundColor)

  5、设置Button的背景图片

([按钮名 setBackgroundImage:  forState:])

参数一：添加的图片 参数二：按钮所处状态

注意

    背景图像会根据按钮的尺寸拉伸

    按钮图像会居中显示在按钮中央位置

    如果同时设置了按钮的图像和文字

    按钮区域足够大，会并列显示图像和文字

    如果区域不够大，优先显示图像

6、 设置Button的title颜色

([按钮名 setTitleColor: forState:])

参数一：选择颜色 参数二：按钮所处的类型

7、 给Button添加点击事件

([按钮名 addTarget: action:  forControlEvents:])

参数 一： 对象 (self为自身)     

参数 二： @selector（点击事件的方法名称）

参数 三： 为事件出发的类型 例如touch触碰，upinside点击

下面是在ViewDidLoad外面重新定义的一个方法用于点击了按钮

点击事件函数(当按钮点击时，运行函数)

一般页面之间的跳转，也在点击函数中添加

8、显示在当先视图下

                                                         首先是为normal下 

                                                                     高亮状态下

以上就是按钮的一些最普通的属性

谢谢观看！若是有错误，可以私信！谢谢