iOS用戶協(xié)議界面實現(xiàn)方案(YYText實現(xiàn)部分文字的高亮點擊)

iOS用戶協(xié)議界面實現(xiàn)方案(YYText實現(xiàn)部分文字的高亮點擊)

通常情況下注冊腥泥、登錄界面下方都會包含用戶協(xié)議和隱私政策的界面如下:


image1

實現(xiàn)思路

  1. 左側(cè)選中框是個check按鈕
  2. 閱讀并同意用戶協(xié)議和隱私政策部分是富文本
  3. 給富文本中的“用戶協(xié)議”裹唆、“隱私政策”添加點擊事件

實現(xiàn)方案

1.  繼承UIView創(chuàng)建一個獨立視圖方便復用
2.  在視圖上添加check按鈕
3.  用YYText實現(xiàn)富文本和點擊事件

YYText

實現(xiàn)代碼

/// 用戶協(xié)議視圖
class UTUserAgreementView: UIView {

    /// 協(xié)議類型
    ///
    /// - user: 用戶協(xié)議
    /// - privacy: 隱私政策
    enum agreementType{
        case user
        case privacy
    }
    
    /// 選中事件
    let selectPS = PublishSubject<agreementType>()
    //界面高20 款240
    /// 核查選擇框
    lazy var checkBox: UIButton = {
        let view = UIButton()
        view.setImage(UIImage.init(named: "login_weigouxuan"), for: UIControl.State.normal)
        view.setImage(UIImage.init(named: "login_gouxuan"), for: UIControl.State.selected)
        view.addTarget(self, action: #selector(checkBoxAction(sender:)), for: .touchUpInside)
        view.isSelected = true
        self.addSubview(view)
        return view
    }()
    
    /// 協(xié)議文本
    lazy var agreeMentLB: YYLabel  = {
        //創(chuàng)建YYLabel
        let view = YYLabel()
        //創(chuàng)建富文本熊榛,設置默認font和color
        let text = NSMutableAttributedString.init(string: "閱讀并同意用戶協(xié)議和隱私政策", attributes: [.font : UIFont.systemFont(ofSize: 14)])
        text.yy_color = UIColor.UT79Color()
        let decoration = YYTextDecoration.init(style: YYTextLineStyle.single, width: 1, color: UIColor.UT79Color())
        //第一個特殊顯示區(qū)域,設置對應的font和color
        let rangeOne = NSRange.init(location: 5, length: 4)
        text.yy_setTextHighlight(rangeOne, color: UIColor.UT20Color(), backgroundColor: UIColor.clear, tapAction: { (view, string, range, rect) in
            //點擊事件回調(diào)
            self.selectPS.onNext(.user)
        })
        //第二個特殊顯示區(qū)域斯入,設置對應的font和color
        let rangeTwo = NSRange.init(location: 10, length: 4)
        text.yy_setTextHighlight(rangeTwo, color: UIColor.black, backgroundColor: UIColor.clear, tapAction: { (view, string, range, rect) in
            //點擊事件回調(diào)
            self.selectPS.onNext(.privacy)
        })
        text.yy_setTextUnderline(decoration, range: rangeOne)
        text.yy_setTextUnderline(decoration, range: rangeTwo)
        //加載富文本
        view.attributedText = text
        self.addSubview(view)
        return view
    }()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        self.backgroundColor = UIColor.clear
        deploySubviews()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    private func deploySubviews(){
        agreeMentLB.snp.makeConstraints { (make) in
            make.centerX.equalToSuperview().offset(12.5)
            make.top.bottom.equalToSuperview()
        }
        
        checkBox.snp.makeConstraints { (make) in
            make.centerY.equalTo(agreeMentLB.snp.centerY).offset(-0.5)
            make.width.height.equalTo(20)
            make.right.equalTo(agreeMentLB.snp.left).offset(-5)
        }
    }
    
    /// 核驗按鈕
    ///
    /// - Parameter sender: 按鈕對象
    @objc private func checkBoxAction(sender: UIButton){
        sender.isSelected = !sender.isSelected
    }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末嵌溢,一起剝皮案震驚了整個濱河市五辽,隨后出現(xiàn)的幾起案子办斑,更是在濱河造成了極大的恐慌,老刑警劉巖杆逗,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件乡翅,死亡現(xiàn)場離奇詭異,居然都是意外死亡罪郊,警方通過查閱死者的電腦和手機蠕蚜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來悔橄,“玉大人靶累,你說我怎么就攤上這事⊙⑴保” “怎么了挣柬?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長睛挚。 經(jīng)常有香客問我邪蛔,道長,這世上最難降的妖魔是什么扎狱? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任侧到,我火速辦了婚禮,結(jié)果婚禮上淤击,老公的妹妹穿的比我還像新娘匠抗。我一直安慰自己,他們只是感情好污抬,可當我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布汞贸。 她就那樣靜靜地躺著,像睡著了一般壕吹。 火紅的嫁衣襯著肌膚如雪著蛙。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天耳贬,我揣著相機與錄音踏堡,去河邊找鬼。 笑死咒劲,一個胖子當著我的面吹牛顷蟆,可吹牛的內(nèi)容都是我干的诫隅。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼帐偎,長吁一口氣:“原來是場噩夢啊……” “哼逐纬!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起削樊,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤豁生,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后漫贞,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體甸箱,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年迅脐,在試婚紗的時候發(fā)現(xiàn)自己被綠了芍殖。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡谴蔑,死狀恐怖豌骏,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情隐锭,我是刑警寧澤窃躲,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站成榜,受9級特大地震影響框舔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜赎婚,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一刘绣、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧挣输,春花似錦纬凤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至完丽,卻和暖如春恋技,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背逻族。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工蜻底, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人聘鳞。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓薄辅,卻偏偏與公主長得像要拂,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子站楚,可洞房花燭夜當晚...
    茶點故事閱讀 43,490評論 2 348