IOS開發(fā)UIButton(左邊圖片右邊文字效果)
更新時間:2016年10月25日 16:40:41 作者:Alina
本篇文章主要實現(xiàn)了實現(xiàn)UIButton左邊圖片,圖片后面緊跟文字效果,類似微信發(fā)現(xiàn)功能,有需要的朋友可以了解一下。
在使用UIButton的時候,需要實現(xiàn)UIButton左邊圖片,圖片后面緊跟文字效果比較麻煩,簡單實現(xiàn)方法具體代碼如下:
(void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = RGB(235, 235, 240); UIButton *oneButton = [[UIButton alloc] initWithFrame:CGRectMake(0, kHeaderHeight + 8, kScreenWidth, 40)]; [oneButton setImage:[UIImage imageNamed:@"icon_party_knowledge_rights_obligations"] forState:UIControlStateNormal]; [oneButton setTitle:@"第一個" forState:UIControlStateNormal]; oneButton.titleLabel.font = FONT(12); [oneButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; [oneButton setImageEdgeInsets:UIEdgeInsetsMake(2, 8, 0, kScreenWidth - 50)]; [oneButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, kScreenWidth - 100)]; oneButton.backgroundColor = [UIColor whiteColor]; [oneButton addTarget:self action:@selector(oneButtonAction:) forControlEvents:UIControlEventTouchUpInside]; [self.view addSubview:oneButton]; UIButton *twoButton = [[UIButton alloc] initWithFrame:CGRectMake(0, oneButton.maxY + 8, kScreenWidth, 40)]; [twoButton setImage:[UIImage imageNamed:@"icon_party_knowledge_dues_collection_standard"] forState:UIControlStateNormal]; [twoButton setTitle:@"第二個" forState:UIControlStateNormal]; twoButton.titleLabel.font = FONT(12); [twoButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; [twoButton setImageEdgeInsets:UIEdgeInsetsMake(2, 8, 0, kScreenWidth - 50)]; [twoButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, kScreenWidth - 100)]; twoButton.backgroundColor = [UIColor whiteColor]; [twoButton addTarget:self action:@selector(twoButtonAction:) forControlEvents:UIControlEventTouchUpInside]; [self.view addSubview:twoButton]; //右箭頭 for (int i = 0; i < 2; i++) { UIImageView *rightImgView = [[UIImageView alloc] initWithFrame:CGRectMake(kScreenWidth - 20, kHeaderHeight + 20 + i * 48, 7, 12)]; rightImgView.image = [UIImage imageNamed:@"icon_right"]; [self.view addSubview:rightImgView]; } }
實現(xiàn)效果:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- iOS基于 UILabel實現(xiàn)文字添加描邊功能
- iOS中UILabel設置居上對齊、居中對齊、居下對齊及文字置頂顯示
- iOS如何將UIButton中的圖片與文字上下對齊詳解
- 詳解IOS 利用storyboard修改UITextField的placeholder文字顏色
- iOS改變UITextField占位文字顏色的三種方法
- iOS開發(fā)中Swift3 監(jiān)聽UITextView文字改變的方法(三種方法)
- iOS設置UIButton文字顯示位置和字體大小、顏色的方法
- iOS中的UITextView文字輸入光標使用技巧小結
- iOS應用中UILabel文字顯示效果的常用設置總結
- iOS開發(fā)UI之弧形文字
相關文章
iOS開發(fā)項目- 基于WebSocket的聊天通訊(2)
這篇文章主要介紹了iOS開發(fā)項目- 基于WebSocket的聊天通訊,可以實現(xiàn)錄音和音樂播放,有需要的可以了解一下。2016-11-11iOS開發(fā)UICollectionView實現(xiàn)拖拽效果
這篇文章主要為大家詳細介紹了iOS開發(fā)UICollectionView實現(xiàn)拖拽效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-01-01iOS實現(xiàn)自動循環(huán)播放的banner實例詳解
輪播視圖通常也叫Banner,90%以上App都會用到的一個控件,網(wǎng)上有很多開源代碼,下面這篇文章主要給大家介紹了關于利用iOS如何實現(xiàn)自動循環(huán)播放的banner的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下。2017-12-12