当前位置:网站首页>[OC]-<UI入门>--常用控件的学习
[OC]-<UI入门>--常用控件的学习
2022-07-06 08:50:00 【关于小司】
UILabel
UI
UI就是用户界面
“UI就是User Interface的所写,也就是用户界面。UI设计就是用户界面设计,界面则主要包括移动端(Android和IOS),PC端,Dashboard。
UILabel是什么
UILabel 是一个可以显示在屏幕上,并且可以显示文字的一种UI视图
创建并使用一个 UILabel
- 我们打开Xcode 选择App开发 找到 ViewController 在 实现部分添加创建UILabel的函数

- 定义创建一个UILable对象
- 显示文字赋值,txt是字符串对象
UILabel* label = [[UILabel alloc]init];
//显示文字赋值,txt是字符串对象
label.text = @"Hello myiOSxxxxxxxxxx";
1)label初级属性
- 设置label显示位置 frame属性
- CGRectMake(100, 300, 160, 200);
注意前两个数字代表了初始坐标原点 后面的数字代表了向右下方延展 与x y轴的距离
//设置label显示位置
//100x-距离左边,100y距离边矩形左上角位置 160-宽 40-高
label.frame = CGRectMake(100, 300, 160, 200);
- 设置背景颜色
label.backgroundColor = [UIColor grayColor];// 有背景颜色
label.backgroundColor = [UIColor clearColor]; //透明颜色颜色
- 这个背景颜色指的是我们文字显示的颜色,后面还会有文字颜色
- 整个背景颜色的设置
整个背景颜色的设置
self.view.backgroundColor = [UIColor whiteColor];
- 将label显示到屏幕上-
将label显示到屏幕上
[self.view addSubview:label];
- 设置label文字大小
- 设置文字颜色
//设置label文字大小
//systemFontOfSize 系统默认字体 大小12
label.font = [UIFont systemFontOfSize:24];
//设置文字颜色
label.textColor = [UIColor blackColor];
2)label高级属性
设定阴影颜色
设置阴影的偏移位置x-横向偏移, y:纵向偏移向下的距离
CGSizeMake(10, 10);设置文字对齐–textAlignment
label文字显示行数 ,默认一行
其他的大于0的行数文字 尽量显示
如果label.numberOfLines = 0,iOS会对文字自动计算需要行数,按照需要来显示
//设定阴影颜色
label.shadowColor = [UIColor blueColor];
//设置阴影的偏移位置x-横向偏移, y:纵向偏移向下的距离
label.shadowOffset = CGSizeMake(10, 10);
//设置文字对齐--textAlignment
// 默认左对齐
label.textAlignment = NSTextAlignmentCenter ;
//设定label文字显示行数 ,默认一行
//其他的大于0的行数文字 尽量显示
//如果label.numberOfLines = 0,iOS会对文字自动计算需要行数,按照需要来显示
label.numberOfLines = 0 ;
怎么看效果
打开Xcode 在最上面选择虚拟机

使用command+r 运行

这就是我们的第一个UILabel界面-- 我们使得
label.numberOfLines = 0 ;
这样系统会自动根据我们的紫薯找出需要的位置
关于几个颜色
label.backgroundColor = [UIColor grayColor];// 有背景颜色
label.backgroundColor = [UIColor clearColor]; //透明颜色颜色
当我们把这两个都写上的时候系统会默认执行透明而不是灰色 ,所以我们需要透明的时候再写 一半还是我们自己设置颜色
整个背景颜色的设置
self.view.backgroundColor = [UIColor whiteColor];是整个背景窗口都是白色
字体和阴影颜色
label.textColor = [UIColor blackColor];
label.shadowColor = [UIColor blueColor];
注意设置阴影部分 和文字尽量不要重叠
边栏推荐
- LeetCode:673. Number of longest increasing subsequences
- ESP8266-RTOS物联网开发
- How to effectively conduct automated testing?
- R language ggplot2 visualization: place the title of the visualization image in the upper left corner of the image (customize Title position in top left of ggplot2 graph)
- 电脑清理,删除的系统文件
- LeetCode:836. 矩形重叠
- pytorch训练好的模型在加载和保存过程中的问题
- Screenshot in win10 system, win+prtsc save location
- Revit 二次开发 HOF 方式调用transaction
- LeetCode:162. 寻找峰值
猜你喜欢

Esp8266-rtos IOT development

Visual implementation and inspection of visdom

TP-LINK 企业路由器 PPTP 配置

C語言雙指針——經典題型

ESP8266-RTOS物联网开发

The harm of game unpacking and the importance of resource encryption

Guangzhou will promote the construction of a child friendly city, and will explore the establishment of a safe area 200 meters around the school

数学建模2004B题(输电问题)

Swagger setting field required is mandatory

Restful API design specification
随机推荐
Introduction to the differences between compiler options of GCC dynamic library FPIC and FPIC
多元聚类分析
软件压力测试常见流程有哪些?专业出具软件测试报告公司分享
[embedded] cortex m4f DSP Library
Revit 二次开发 HOF 方式调用transaction
Excellent software testers have these abilities
LeetCode:124. 二叉树中的最大路径和
POI add write excel file
Sublime text in CONDA environment plt Show cannot pop up the problem of displaying pictures
软件卸载时遇到trying to use is on a network resource that is unavailable
LeetCode:394. String decoding
角色动画(Character Animation)的现状与趋势
Fairguard game reinforcement: under the upsurge of game going to sea, game security is facing new challenges
Li Kou daily question 1 (2)
Crash problem of Chrome browser
LeetCode:剑指 Offer 04. 二维数组中的查找
R language uses the principal function of psych package to perform principal component analysis on the specified data set. PCA performs data dimensionality reduction (input as correlation matrix), cus
Warning in install. packages : package ‘RGtk2’ is not available for this version of R
[sword finger offer] serialized binary tree
Purpose of computer F1-F12