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绘制原理
网站URL:http://pwwzsj.com/article/dsseeoh.html