iOS 之 自定義按鈕UIButton

按鈕默認是圖片在左邊,文字在右邊的
但是我們經常需要的按鈕是:
1:圖片在上,文字在下
2:文字在左,圖片在右
3:文字在上,圖片在下
這三種類型,其實原理都是一樣的。只需要改變UIbutton里面的子控件就可以了.
那就截圖給大家看怎么實現。

第一步:繼承UIButton

Snip20160727_13.png

第二步:重寫layoutSubviews 重寫排布一下UIButton 里面的子控件titleLabel和imageView 的位置 特別注意一定要調用 super layoutSubviews ,注意:這里我給UIView添加了一個分類,所以直接拿到X Y W(寬) H(高),有時間教大家寫一下分類。

Snip20160727_14.png

第三步:給按鈕設一些基本的初始化,比如按鈕背景顏色,按鈕文字顏色等等

Snip20160727_15.png

第四部:導入頭文件,然后使用就可以了這樣創建出來按鈕就是圖片在上,文字在下

Snip20160727_16.png
Snip20160727_18.png

看一下效果圖:

Snip20160728_1.png

當然 如果需要文字在左邊,圖片在右邊,
文字在上,圖片在下,這些情況,就只需要在layoutSubviews 重寫排布一下UIButton 里面的子控件titleLabel和imageView 的位置 特別注意一定要調用 super layoutSubviews 就可以了。

備注:

如果有不足或者錯誤的地方還望各位讀者批評指正,可以評論留言,筆者收到后第一時間回復。

QQ/微信:2366889552 /lan2018yingwei。

簡書號:凡塵一笑:[簡書]

http://www.lxweimin.com/users/0158007b8d17/latest_articles

感謝各位觀眾老爺的閱讀,如果覺得筆者寫的還湊合,可以關注或收藏一下,不定期分享一些好玩的實用的demo給大家。

文/凡塵一笑(簡書作者)

著作權歸作者所有,轉載請聯系作者獲得授權,并標注“簡書作者”。

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

推薦閱讀更多精彩內容