Swift!代码实现UI基础控件

先来了解一下Xcode布局

通过助手编辑器的IB实现更简单。不同控件的实例化方法不尽相同的，在组件区设定属性的项（词）不一定适用于代码方法的实现，更多地属性查看源码帮助更大
1.UIButton

//声明， 记得加“！”否则就得将此它加到初始化器中
var myButton:UIButton!

//在viewDidLoad()中初始化控件，注意类型转换 as！和一些属性的枚举，这些属性可直接到组件区设定。
myButton = UIButton.buttonWithType(UIButtonType.Syetem) as! Button
myButton.setTitle("UIButton Demo",forState:  UIControlState.Normal)

//setTitle和setImage能否同时设定还不确定。
myButton.setImage(UIIamge(name: "1.jpg"),forState:UIControlState.Normal)

//设定位置
myButton.frame = CGRect(x: 10,y: 30,width: 100,height:40)
myButton.addTarget(self,action:"Click:",forControlEvents: UIControlEvents.TouchUpInside)
self.view,addSubview(self.myButton)

//定义addTarget中设定的方法
func Click（sender:UIButton）{ println("OnClick") }

2.UIAlertView 提示框

//cancelButton在提示框的最下侧
var myAlertView = UIAlertView(title:"UIAlertView Demo",message: "Alert Msg",delegate:UIAlertViewDelegate,cancelButtonTitle:"Cancel",otherButtonTitles:"Other","Other1","Other2...")
myAlertView.show()

//实现UIAlertViewDelegate协议中重载的方法，实现提示框按钮的点击事件
func alertView(alertView: UIAlertView,clickdButtonAtIndex buttonIndex: Int){
    //cancelButton的Index为0，OtherButton的Index依次增加。
    println(buttonIndex)//输出点击Button的Index
    var title = myAlertView.buttonTitleAtIndex(buttonIndex)//返回UIAlertView中buttonIndex对应的title。
}

3.UIActionSheet 动作列表

//构造方法有很多种，otherButtonTitle为可选的。Index规则与UIAlertView不同
var myActionSheet = UIActionSheet(title:"UIActionSheet Demo",delegate:UIActionSheetDelagate,destructiveButtonTitle:"Action",otherButtonTitle:"Action1","Action2..." )

//UIActionSheet有很多相关的Show方法
myAactionSheet.showInView(self.View)

//实现协议中的方法
func actionSheet(actionSheet:UIActionSheet,clickedButtonAtIndex buttonIndex:Int){
    printlf(buttonIndex)
    var title=myActionSheet.buttonTitleAtIndex(buttonIndex)
}

4.UISegmentedControl 分段控制

//声明
var mySegmentedControl:UISegmentedControl!

//初始化 
mySegmentedControl = UISegmentedControl(items: ["one","two","three"])

mySegmentedControl.frame = CGRect(x:10,y:10,width:200,height:30)

mySegmentedControl.addTarget(self,forControlEvents:UIControlEvents.ValueChanged)
view.addSubview(mySegmentedControl)

//实现addTarget中设定的方法
func Click(sender:UISegmentedControl){
    //注意sender是变量，后边跟的是类型
    println(sender.selectedSegmentIndex)
}

5.UISwitch 开关

//声明
var MySwitch:UISwitch!

//初始化
MySwitch = UISwitch()
MySwitch.frame = CGRect(x:10,width:40,height:20)
//诸多属性到组件区设定比较方便。
view.addSubview(MySwitch)

6.UiSlider 滑块

//声明
var mySlider:UiSlider！
//初始化
mySlider = UiSlider()
mySlider.frame = CGRect(x:10,y:10,width:240,height:20)
mySlider.mininumValue = 0
mySlider.maxinumValue = 100
mySlider.addTarget(self,action:"Slide:",forControlEvents:UIControlEvents.ValueChanged)
mySlider.continuous = true//同步持续触发事件
//mininumTrackTintColor,maxinumTrackTintColor
//实现addTarget中设定的方法
func Slide(sender: UiSlider){
    println(sender.value)
}

7.UIStepper 级别控件

//声明
var myStepper:UIStepper!
//初始化
myStepper = UIStepper()
myStepper.frame=CGRect(x:10,y:10,height:20)
myStepper.mininumValue = 0
myStepper.maxinumValue = 100
myStepper.value = 50 
myStepper.setDividerImage(UIImage(name:"1.jpg"),forLeftSegmentState:UIControlState.Normal,rightSemgentState:UIControlState.Normal)
myStepper.addTarget(self,forControlEvents:UIControlEvents.ValueChanged)
view.addSubview(myStepper)
//实现addTarget中设定的方法
func Click(sender:UIStepper){
    println(sender.value)
}

8.UIPageControl 页面控制
图片下侧为UIPageControl

//声明
var myPageControl:UIPageControl!
//初始化
myPageControl = UIPageControl()
myPageControl.frame=CGRect(x:100,y:100,width:150,height:20)
myPageControl.numberOfPages = 5
myPageControl.currentPage = 2
//此项等同于在组件区的 TintColor
myPageControl.pageIndicatorTintColor= UIColor.blackColor()
myPageControl.backgroundColor = UIColor.redColor()

9.UITextField 文本领域

//声明
var myTextField:UITextField!
//初始化
myTextField = UITextField()
myTexeField.frame = CGRect(x:10,y:50,height:50)
myTextField.placeholder = "请输入..."
myTextField.borderStyle = UITextBorderStyle.RoundedRect
//取消第一响应者，隐藏软键盘
myTextField.resignFirstRespinder()

Swift!代码实现UI基础控件

猜你在找的Swift相关文章