IOS初学-UIView的基本使用及效果

UIView视图的创建

//UIView的基本使用
    func test3(){
        //添加了两个视图对象
        //初始化一个CGRect对象（在屏幕中定义了一个矩形区域，包含原点位置，尺寸）
        let rect1=CGRect(x: 30, y: 50, width: 200, height: 200);
        //创建一个视图  原点30，50。宽高200
        let view1=UIView(frame: rect1);
        //设置视图的背景色为红色
        view1.backgroundColor=UIColor.red;
        
        
        let rect2=CGRect(x: 90, y: 120, width: 200, height: 200);
        let view2=UIView(frame: rect2);
        view2.backgroundColor=UIColor.purple;
        
        self.view.addSubview(view1);
        self.view.addSubview(view2);
    }

展示效果为

 

对test3中代码的优化以及视图的层级关系

func test4(){
        //初始化一个矩形并添加到视图view1中
        let view1=UIView(frame:CGRect(x: 20, y: 80, width: 300  , height: 300));
        view1.backgroundColor=UIColor.blue;
        self.view.addSubview(view1);
        
        //初始化第二个矩形
        let view2 = UIView(frame: CGRect(x: 0, y: 0, width: 200, height: 200));
        //设置view2视图本地的原点位置。 他的子空间xy坐标会受到影响
        view2.bounds=CGRect(x: -100, y: -100, width: 200, height: 200);
        view2.backgroundColor=UIColor.red;
        self.view.addSubview(view2);
        
       //这里添加第三个视图。 将其变为view2的子视图
        let view3 = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100));
        view3.backgroundColor=UIColor.black;
        view2.addSubview(view3);
        
    }

 

视图的基本操作添加删除以及切换视图在父视图中的层次

//因为我也是初学跟着课程走。 所以这里发现了bug并没有处理。 还有就是点击事件不止这一种写法
    func test5(){
        let view1=UIView(frame: CGRect(x: 30, y: 50, width: 200, height: 200));
        view1.backgroundColor=UIColor.red;
        self.view.addSubview(view1);
        
        //创建一个button按钮视图
        let btAdd=UIButton(frame: CGRect(x: 30, y: 350, width: 80, height: 30));
        btAdd.backgroundColor=UIColor.gray;
        //设置按钮的文本以及 按钮点击的状态
        btAdd.setTitle("添加视图", for: UIControlState());
        //为按钮taAdd绑定点击事件。点击按钮时添加视图
        btAdd.addTarget(self, action: #selector(ViewController.addView), for: UIControlEvents.touchUpInside);
        self.view.addSubview(btAdd);
        
        let btBack=UIButton(frame: CGRect(x: 130, y: 350, width: 80, height: 30));
        btBack.backgroundColor=UIColor.gray;
        btBack.setTitle("切换视图层级", for: UIControlState());
        btBack.addTarget(self, action: #selector(ViewController.bringViewBack), for: UIControlEvents.touchUpInside);
        self.view.addSubview(btBack);
        
        let btRemove=UIButton(frame: CGRect(x: 220, y: 350, width: 80, height: 30));
        btRemove.backgroundColor=UIColor.gray;
        btRemove.setTitle("删除视图", for: UIControlState());
        btRemove.addTarget(self, action: #selector(ViewController.removeview), for: UIControlEvents.touchUpInside);
        self.view.addSubview(btRemove);
        //一下三个方法为 三个按钮的点击事件
    }
    
    
    @objc func addView(sender:UIButton!){
        let view=UIView(frame: CGRect(x: 60, y: 30, width: 200, height: 200));
        view.backgroundColor=UIColor.purple;
        //为视图添加一个tag。方便之后使用
        view.tag=1;
        self.view.addSubview(view);
    }
    @objc func bringViewBack(sender:UIButton!){
        //在根视图中找到tag为1的视图
        let view=self.view.viewWithTag(1);
        //将视图放到根视图的最下方
        self.view.sendSubview(toBack:view!);
    }
    @objc func removeview(sender:UIButton!){
        let view=self.view.viewWithTag(1);
        //将此视图在父视图中删除
        view?.removeFromSuperview();
    }

UIView视图的渐变填充  纹理填充

func test7() {
        let view=UIView(frame: CGRect(x: 30, y: 60, width: 200, height: 200));
        //新建一个渐变层
        let gradientLayer=CAGradientLayer();
        //设置渐变层的位置 尺寸与视图一直
        gradientLayer.frame=view.frame;
        let indexColor=UIColor.yellow.cgColor;
        let midColor=UIColor.red.cgColor;
        let endColor=UIColor.purple.cgColor;
        //将三个颜色添加到数组中
        gradientLayer.colors=[indexColor,midColor,endColor];
        //将渐变层添加到视图层中
        view.layer.addSublayer(gradientLayer);
        self.view.addSubview(view);
        
        
        //纹理 导入纹理图片
        let selfBackground=UIImage(named: "Sample");
        //将一个图片转为颜色对象
        let imageColor=UIColor.init(patternImage:selfBackground!);
        self.view.backgroundColor=imageColor;
    }