UISwitch詳解

一、UISwithch屬性說明:

tintColor:
開關處于關閉狀態時邊框的顏色(注意這邊是邊框的顏色)
onTintColor:
開關處于開啟狀態時的顏色
thumbTintColor:
開關的狀態鈕顏色
onImage:
開關處于開啟狀態時的圖片(iOS7及之后設置無效)
offImage:
開關處于關閉狀態時的圖片(iOS7及之后設置無效)
backgroundColor:整個開關背景色,設置后可以明顯看到一個矩形背景

iOS系統內置了UISwithch控件的size,所以通過代碼調整UISwithch的大小無效.

默認大小 51.0f 31.0f

二、調整UISwitch 關閉狀態背景色

tintColor屬性 只能調整off狀態的邊框顏色像這樣:

-(UISwitch *)switchFunc{
    if(_switchFunc == nil){
        _switchFunc = [[UISwitch alloc]init];
        [_switchFunc setTintColor:HEXCOLOR(0x99999)];
        [_switchFunc setOnTintColor:HEXCOLOR(kBlueColor)];
        [_switchFunc setThumbTintColor:[UIColor whiteColor]];
        _switchFunc.layer.cornerRadius = 15.5f;
        _switchFunc.layer.masksToBounds = YES;
        [_switchFunc addTarget:self action:@selector(switchAction:) forControlEvents:UIControlEventValueChanged];
    }
    return _switchFunc;
}

結果就像這樣

開啟狀態
關閉狀態

方法:
1.設置switch的背景色



2.設置圓邊角



細看你會發現右邊多了點,和我們要的效果不一樣
3.調整控件大小
49.0f, 31.0f
最終效果圖

OK
下面是核心代碼:

-(UISwitch *)switchFunc{
    if(_switchFunc == nil){
        _switchFunc = [[UISwitch alloc]init];
        [_switchFunc setBackgroundColor:HEXCOLOR(0x999999)];
        [_switchFunc setOnTintColor:HEXCOLOR(kBlueColor)];
        [_switchFunc setThumbTintColor:[UIColor whiteColor]];
        _switchFunc.layer.cornerRadius = 15.5f;
        _switchFunc.layer.masksToBounds = YES;
        [_switchFunc addTarget:self action:@selector(switchAction:) forControlEvents:UIControlEventValueChanged];
    }
    return _switchFunc;
}

    [_switchFunc mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerY.mas_equalTo(self.contentView);
        make.size.mas_equalTo(CGSizeMake(49.0f, 31.0f));
        make.right.mas_equalTo(self.contentView).with.offset(-12.0f);
    }];

三、調整UISwitch 大小

引用如何設置UISwitch的大小

setFrame 方法并不能更改它的大小。

UISwitch *sw = [[UISwitch alloc]initWithFrame:CGRectMake(200, 15, 50, 15)];
     sw.transform = CGAffineTransformMakeScale( 0.5, 0.5);//縮放 
1.1 CGAffineTransformMakeScale(CGFloat sx, CGFloat sy)
這個方法可以方便的對view的長和寬進行縮放,不改變view的中心點。注意!中心點不變指的是物理位置不變,不是坐標,因為坐標系此時已經發生改變

1.2 CGAffineTransformScale(CGAffineTransform t,CGFloat sx, CGFloat sy)
這個方法同樣是view的長和寬進行縮放,效果類似CGAffineTransformMakeScale(CGFloat sx, CGFloat sy)不同的是這個方法可以疊加其他CGAffineTransform效果(比如旋轉)

第三方庫

一個用圖片實現的switch庫,動態效果相對系統 差點,可定制性高
TTSwitch

一個比較有味的第三方庫
LLSwitch

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,283評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,232評論 4 61
  • 繼基礎控件UISlider之后,期待的UISwitch詳細介紹-->>保證你有意外收獲,如有問題歡迎指點。。 1、...
    MrBrave丶彬彬閱讀 4,098評論 0 0
  • 記得05年有一部韓劇叫《我的女孩》,片中由李多海扮演的女主角經常梳著一個丸子頭,非??蓯郏瑒≈械娜菓僖部胺Q經典。...
    緹子縈閱讀 921評論 2 4
  • 時間:2016.12.22 晚 晴 星幣騎士(感情現狀) 案主:感覺他準備來迎娶我 我;確實有點像,紅色的比較喜慶...
    是小白啊閱讀 339評論 0 1