189 8069 5689

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;

}

iOS开发网络篇-UIImage加载图片方式

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

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

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; // 标题间距

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 刷新。

汇报完毕,欢迎讨论!

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下 

  高亮状态下

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

谢谢观看!若是有错误,可以私信!谢谢


本文标题:ios开发ui教程,ios ui绘制原理
分享路径:http://jkwzsj.com/article/dsseeoh.html

其他资讯