Swiftは6発目の銃を学ぶ-UIButtonとUILable

6526 ワード

UIButtonとUILableの勉強
今日から基本コントロールを学び、まずボタンとラベルから始めます.
1.UIButton関連属性
  • 構築方法(UIButton(type:UIButtonType.InfoDark))
  • 位置とサイズ:frame
  • 背景色:backgroundColor
  • 前景色:tintColor
  • 文字:settitle
  • 追加クリックイベント:func addTarget(target:AnyObject?,action:Selector,forControlEvents controlEvents:UIcontrolEvents)
  • タグ:tag
  • ボタンのフィレット:layer.masksToBounds=true
  • フィレットの半径:layer.cornerRadius
  • 枠線の色:ayer.borderColo
  • 枠線の幅:layer.borderWidth
  • 2.コードの実現
    let btn1 = UIButton(type:UIButtonType.InfoDark)
            btn1.frame = CGRectMake(130, 80, 40, 40)
    
            let btn2 = UIButton(type:UIButtonType.RoundedRect)
            //          
            btn2.frame = CGRectMake(80, 180, 150, 44)
            //         
            btn2.backgroundColor = UIColor.purpleColor()
            //         
            btn2.tintColor = UIColor.yellowColor()
            //       
            btn2.setTitle("Press ON", forState: .Normal)
            //         
            btn2.addTarget(self, action: #selector(UIBUttonViewController.buttonTag(_:)), forControlEvents: UIControlEvents.TouchUpInside)
            //       
            btn2.tag = 20
    
            let btn3 = UIButton(type:UIButtonType.RoundedRect)
            btn3.backgroundColor = UIColor.brownColor()
            btn3.tintColor = UIColor.whiteColor()
            btn3.setTitle("Press Off", forState: .Normal)
            btn3.frame = CGRectMake(80, 280, 150, 44)
            btn3.layer.masksToBounds = true
            //          10
            btn3.layer.cornerRadius = 5
            //          4
            btn3.layer.borderWidth = 1
            //         
            btn3.layer.borderColor = UIColor.lightGrayColor().CGColor
    
            self.view.addSubview(btn1)
            self.view.addSubview(btn2)
            self.view.addSubview(btn3)
    
    
     /** *        **/
    
        func buttonTag(btn:UIButton) {
    
            let alter = UIAlertController(title: "Information",message: "Button Event",preferredStyle: UIAlertControllerStyle.Alert)
    
            let oKAction = UIAlertAction(title: "OK",style: UIAlertActionStyle.Default,handler: nil)
            alter.addAction(oKAction)
    
            self.presentViewController(alter, animated: true, completion: nil)
    
        }

    3.UIlableの関連属性
  • 内容:text
  • フォント:font
  • 文字の影の色:shadowColor
  • 文字の影の横方向と縦方向のオフセット距離:shadowOffset
  • 文字の対応方法:textAlignment
  • ラベル文字の色:textColor
  • ラベル背景色:backgroundColor
  • 4.UIlableのコード実装
            let rect = CGRectMake(20, 440, 280, 80)   
            let lable = UILabel(frame: rect)
            lable.text = "Hello Lable"
            let font = UIFont(name: "  ",size: 12)
            lable.font = font
            //         
            lable.shadowColor = UIColor.lightGrayColor()
            //                    
            lable.shadowOffset = CGSizeMake(2,2)
            //          
            lable.textAlignment = NSTextAlignment.Center
            //         
            lable.textColor = UIColor.purpleColor()//  
            //            
            lable.backgroundColor = UIColor.yellowColor()

    今日はこの2つのコントロールを勉強します.コードアドレス:ここにリンクの内容を書きます