[IOS]今天开始学UI---UIView

最新推荐文章于 2024-06-06 17:58:10 发布

HeapStackk

最新推荐文章于 2024-06-06 17:58:10 发布

阅读量451

点赞数

分类专栏： ios 文章标签： ios uiview

本文链接：https://blog.csdn.net/heapstackk/article/details/47280017

版权

ios 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

这篇博客探讨了iOS中的UIView，指出它构成了屏幕上所有可见元素的基础。UIView不仅可以显示图像和文字，还负责管理布局和用户交互。博主介绍了UIView的几何特性，如frame、bounds和center，并强调了在坐标系统中的理解。此外，还讨论了UI设计原则，包括人性化、简明和美感，以提升用户体验。

摘要由CSDN通过智能技术生成

Everything you see on Screen is UIView.

你所看到的一切皆为UIView.

你在屏幕上所看到一切的都是view 点击滑动触摸等活动也是和View所进行的

就像上图里面的时钟应用就是由各种View不同的View堆积而成尽管他们看起来是一个整体一样

同时UIView也是一切屏幕所显示的 SupClass 无论是自定义还是还是系统自带的都是继承自UIView

首先什么是UIView 嗯大概就是一块长方形的区域区域的大小颜色位置都可以由你来指定就像画布

UIView可以做什么呢？

1.可以呈现图像，文字，提供用户基本的信息，当然也可以呈现给用户一些非常Cooooooool的动画

2.UIView 管理布局 UIView 里面也可以添加其他的子视图(SubView),每个子视图(SubView)都能个性化的展示自己，或者可以说UIView就是一个舞台，各种View争奇斗艳。一个Parent View可以管理若干干Child View(>=0),若干个Child VIew 只能有一个共有Parent View。

3.与用户进行交互

UIView的父类是UIResponder 该类用于处理控制事件，所以UIView也完美的继承了他父亲的遗志，与用户进行交互。对用户触碰屏幕的行为进行回应和处理。

UIView可以认为是一张纸，你可以画出你想要的效果。理论上说你完全可以自己重写UIView里面的各种的方法来实现你想要的各种效果比如UITableView，但是

如果重写UIView整体工作量太大不如直接继承UITableView再做部分UIView的重写来达到自己想要的效果

首先我们需要创建一张纸(UIViewGeometry):

UIView的几何特性

先了解一下在UIKit中的坐标体系

坐标的原点在左上和我们平时的几何坐标系并一样但是这并不一样这也比较容易掌握

现在我们了解UIView的几个属性 frame,bounds,center

frame,center都是对应与父视图而言的 frame 决定了UIView在其父视图位置，大小(CGRect结构体封装了 x,y,width,heigth属性)。center属性决定了当前View在父视图的中心点的位置(CGPoint 结构体封装了x,y)。frame的x,y和center的x,y并不通，frame的x,y对应的是UIView的起始左上角位置，而center的x,y则是UIView自身的中心点在父视图中的位置。

bounds 则是指定该view在本身坐标系统中的位置和大小(CGRect类)

所以当我们创建一个UIView的时候可以这样:

    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 100, 200, 300)];

指定了在x=0,y=100的地方绘制该view的左上点 width=200,height=300 宽200 高300

然后加进父View，默认颜色白色如果父视图也是白色的很不幸我们看不到他虽然他一直在那里。

所以我们需要做一些调整以使得我们能看到他(UIViewRendering)(我也不知道这改怎么说或者说UIView要开始表演一些特技，你不能叫我加特技，我就加不然别人一眼就觉得duang，这么假)

backgroundColor(View的背景颜色)，alpha(透明度0 完全透明 1不透明) 也可以用opaque 属性设置是否完全透明或者不透明,hidden设置能否看到他

所以我们加些特效上去

    [self.view.backgroundColor = [UIColor whiteColor];
    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 100, 200, 300)];
    view.backgroundColor = [UIColor blueColor];
    view.alpha = 0.5;
    UIView *view2 = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 200, 300)];
    view2.backgroundColor = [UIColor redColor];
    view2.alpha = 0.5;
    UIView *view3 = [[UIView alloc] initWithFrame:CGRectMake(50, 100, 200, 300)];
    view3.backgroundColor = [UIColor yellowColor];
    view3.alpha = 0.5;
    [self.view addSubview:view];
    [self.view addSubview:view2];
    [self.view addSubview:view3];