当前位置:网站首页>[oc]- < getting started with UI> -- learning common controls
[oc]- < getting started with UI> -- learning common controls
2022-07-06 08:58:00 【About Xiaosi】
List of articles
UILabel
UI
UI It's the user interface
“UI Namely User Interface Written by , That's the user interface .UI Design is user interface design , The interface mainly includes mobile terminal (Android and IOS),PC End ,Dashboard.
UILabel What is it?
UILabel Is one that can be displayed on the screen , And can display text UI View
Create and use a UILabel
- We turn on Xcode choice App Development find ViewController stay Add and create the implementation part UILabel Function of
- Define to create a UILable object
- Display text assignment ,txt It's a string object
UILabel* label = [[UILabel alloc]init];
// Display text assignment ,txt It's a string object
label.text = @"Hello myiOSxxxxxxxxxx";
1)label Primary attribute
- Set up label Display position frame attribute
- CGRectMake(100, 300, 160, 200);
Note that the first two numbers represent the initial coordinate origin The following numbers represent the downward extension to the right And x y Distance of axis
// Set up label Display position
//100x- From the left ,100y From the upper left corner of the edge rectangle 160- wide 40- high
label.frame = CGRectMake(100, 300, 160, 200);
- Set the background color
label.backgroundColor = [UIColor grayColor];// There's a background color
label.backgroundColor = [UIColor clearColor]; // Transparent color
- This background color refers to the color of our text display , There will be text color behind
- Setting of the whole background color
Setting of the whole background color
self.view.backgroundColor = [UIColor whiteColor];
- take label Display on screen -
take label Display on screen
[self.view addSubview:label];
- Set up label Text size
- Set the text color
// Set up label Text size
//systemFontOfSize System default font size 12
label.font = [UIFont systemFontOfSize:24];
// Set the text color
label.textColor = [UIColor blackColor];
2)label Advanced properties
Set shadow color
Set the offset position of the shadow x- Lateral offset , y: Vertical offset downward distance
CGSizeMake(10, 10);
Set text alignment –textAlignment
label Number of lines of text display , Default line
Others are greater than 0 Lines of text Try to show
If label.numberOfLines = 0,iOS Will automatically calculate the number of lines needed for text , Display as needed
// Set shadow color
label.shadowColor = [UIColor blueColor];
// Set the offset position of the shadow x- Lateral offset , y: Vertical offset downward distance
label.shadowOffset = CGSizeMake(10, 10);
// Set text alignment --textAlignment
// Default left alignment
label.textAlignment = NSTextAlignmentCenter ;
// Set up label Number of lines of text display , Default line
// Others are greater than 0 Lines of text Try to show
// If label.numberOfLines = 0,iOS Will automatically calculate the number of lines needed for text , Display as needed
label.numberOfLines = 0 ;
How to see the effect
open Xcode Select the virtual machine at the top
Use command+r function
This is our first UILabel Interface -- We make
label.numberOfLines = 0 ;
In this way, the system will automatically find the required position according to our purple potato
About a few colors
label.backgroundColor = [UIColor grayColor];// There's a background color
label.backgroundColor = [UIColor clearColor]; // Transparent color
When we write both of them, the system will default to transparent instead of gray , So we need to be transparent before writing Half of it is our own color
Setting of the whole background color
self.view.backgroundColor = [UIColor whiteColor]; The whole background window is white
Font and shadow colors
label.textColor = [UIColor blackColor];
label.shadowColor = [UIColor blueColor];
Pay attention to setting the shadow part Try not to overlap with the text
边栏推荐
- Pytorch view tensor memory size
- LeetCode:124. 二叉树中的最大路径和
- Revit secondary development Hof method calls transaction
- Delay initialization and sealing classes
- What are the common processes of software stress testing? Professional software test reports issued by companies to share
- 软件压力测试常见流程有哪些?专业出具软件测试报告公司分享
- LeetCode:836. Rectangle overlap
- Alibaba cloud server mining virus solution (practiced)
- LeetCode:836. 矩形重叠
- Charging interface docking tutorial of enterprise and micro service provider platform
猜你喜欢
注意力机制的一种卷积替代方式
Excellent software testers have these abilities
opencv+dlib实现给蒙娜丽莎“配”眼镜
KDD 2022论文合集(持续更新中)
Esp8266-rtos IOT development
Advance Computer Network Review(1)——FatTree
Marathon envs project environment configuration (strengthen learning and imitate reference actions)
[embedded] cortex m4f DSP Library
LeetCode:236. The nearest common ancestor of binary tree
UML圖記憶技巧
随机推荐
Revit 二次开发 HOF 方式调用transaction
What is an R-value reference and what is the difference between it and an l-value?
Leetcode: Sword Finger offer 42. Somme maximale des sous - tableaux consécutifs
使用标签模板解决用户恶意输入的问题
【嵌入式】Cortex M4F DSP库
LeetCode:498. Diagonal traversal
How to effectively conduct automated testing?
UnsupportedOperationException异常
MySQL uninstallation and installation methods
Simclr: comparative learning in NLP
LeetCode:124. Maximum path sum in binary tree
在QWidget上实现窗口阻塞
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
Li Kou daily question 1 (2)
To effectively improve the quality of software products, find a third-party software evaluation organization
Detailed explanation of dynamic planning
Pytest参数化你不知道的一些使用技巧 /你不知道的pytest
数学建模2004B题(输电问题)
Mongodb installation and basic operation
LeetCode:236. The nearest common ancestor of binary tree