zoukankan      html  css  js  c++  java
  • iOS项目开发实战——使用Xcode6设计自己定义控件与图形

           在iOS开发中,有很多控件都是Xcode默认提供的。使用这些控件是很方便的。可是因为某些须要。须要自己设计控件,那么应该怎么做呢?在Xcode6中提供了这种接口,同意开发人员高速开发自己定义控件,而且能够提供实时预览功能。详细实现过程例如以下:

    (1)新建一个Single View Application。Language选择Swift。然后在系统配置主界面中点击项目名称,选择Add Target.

    .


    .


    (2)然后在弹出的对话框中选择Cocoa Touch Framework,输入名字就可以。我输入的项目名称是CustomViews。


    (3)新建完上述的Cocoa Touch Framework后。项目文件夹下多出了两个文件夹,如今的文件夹结构例如以下:


    (3)在CustomViews中新建一个Cocoa Touch Class。

    语言选择Swift,类名随意取,注意SubClass of要选择UIView。点击创建就可以。然后就会生成一个swift类。



    (4)首先在Main.storyboard中拖入一个View控件,能够自己任意设置一个背景颜色等。

    等下就要用刚才的Swift类来自己定义设置这个View控件。注意这是个View控件。


    (5)然后在这个控件的右側选择Indentity Inspector中的Class中输入刚才创建的Swift类,我输入的是MyViews,然后系统默认会把Module也填上。


    (6)然后我们就能够去MyViews.swift中对控件进行自己定义设置了。写入例如以下代码:首先要把该类声明为@IBDesignable。表示是可被又一次设计的。

    import UIKit
    
    @IBDesignable class MyViews: UIView {
    
        //边框宽度;
        @IBInspectable var borderWidth:CGFloat = 0{
        
            didSet{
            
                layer.borderWidth = borderWidth
            }
        }
        
        //边框颜色。
        @IBInspectable var borderColor:UIColor = UIColor.clearColor(){
        
            didSet{
            
                layer.borderColor = borderColor.CGColor
            }
        }
        
        //圆角半径;
        @IBInspectable var cornerRadius:CGFloat = 0{
        
            didSet{
            
                layer.cornerRadius = cornerRadius
            }
        }
        
        //背景颜色;
        @IBInspectable var backgroundColors:UIColor = UIColor.clearColor(){
        
            didSet{
            
                layer.backgroundColor = backgroundColors.CGColor
            }
        }
        
    
    }
    

    (7)然后再来到Main.storyboard中,选中刚才的View控件,此时发现右側多了几个设置属性的选项。各自是设置边框宽度。边框颜色,圆角半径和背景颜色,如图:


    通过改变属性。能够在界面中实施查看当前的设计结果:


           通过以上步骤。我们就能够任意的设计自己喜欢的控件效果了。





    github主页:https://github.com/chenyufeng1991  。

    欢迎大家訪问。





  • 相关阅读:
    Python数据可视化---pygal模块
    Linux常用命令---常用的用户,解压,网络,关机命令
    Python实战---制作专属有声小说(调用百度语音合成接口)
    Linux基本操作---文件搜索命令
    MySQL必知必会1-20章读书笔记
    这是反馈的地方呀
    设计模式--建造者模式
    python 弹窗提示警告框MessageBox
    算法分析设计--递归算法
    Web程序开发最基本的编程模式--MVC编程模式
  • 原文地址:https://www.cnblogs.com/gavanwanggw/p/7099878.html
Copyright © 2011-2022 走看看