iOS實現(xiàn)通過按鈕添加和刪除控件的方法
本文實例為大家分享了iOS通過按鈕添加和刪除控件,供大家參考,具體內(nèi)容如下
想要達到的效果如下:

先講一下這個demo主要部分,即通過按鈕實現(xiàn)增刪圖標
分析:
1、每一個圖標需要兩個數(shù)據(jù),即圖片和描述用的字符串 ,所以創(chuàng)建一個Item類來封裝從plist文件讀取出來的數(shù)據(jù):
1)plist文件如下:

2)Item類:
.h文件
#import <Foundation/Foundation.h> @interface Item : NSObject //描述的字符串 @property(nonatomic,copy)NSString * desStr; //圖片路徑 @property(nonatomic,copy)NSString * imgPath; -(instancetype)initWithString:(NSString *)desStr andimgPath:(NSString *)imgPath; @end
.m文件
#import "Item.h"
@implementation Item
-(instancetype)initWithString:(NSString *)desStr andimgPath:(NSString *)imgPath{
self = [super init];
if (self) {
self.desStr = desStr;
self.imgPath = imgPath;
}
return self;
}
@end
2、然后創(chuàng)建一個Model類用于封裝自定義的圖標模型,我的模型是將Model類繼承于UIScrollView類,然后設置其可以滾動,然后再創(chuàng)建一個占據(jù)整個scrollview可滾動部分大小的button添加上去。再分別在button上半部分添加UIImageView顯示圖片,在下半部分添加UILabel顯示描述文字,結構如下

重寫model的init方法,在創(chuàng)建對象時用item對象初始化:
model類:
1).h文件
#import <UIKit/UIKit.h> #import "Item.h" @interface Model : UIScrollView @property(nonatomic,strong)UIButton *button; @property(nonatomic,strong)UILabel *label; //判斷button是否被點擊 @property(nonatomic,assign)BOOL isClicked; -(instancetype)initWithItem:(Item *)item; //重置模型 -(void)resetModel; @end
2).m文件
-(instancetype)initWithItem:(Item *)item{
self = [super initWithFrame:CGRectMake(20, 20, 80, 100)];
if (self) {
//設置模塊
self.contentSize = CGSizeMake(80, self.frame.size.height * 2);
self.pagingEnabled = NO;
//設置模塊屬性
self.button = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.contentSize.height)];
[self.button addTarget:self action:@selector(buttonDidClicked) forControlEvents:UIControlEventTouchUpInside];
//添加圖片視圖到button上
UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];
[imgView setImage:[UIImage imageNamed:item.imgPath]];
[self.button addSubview:imgView];
//設置button是否被點擊
self.isClicked = NO;
[self addSubview:self.button];
self.label = [[UILabel alloc] initWithFrame:CGRectMake(0, self.frame.size.height, self.frame.size.width, self.frame.size.height)];
self.label.text = item.desStr;
self.label.font = [UIFont systemFontOfSize:15];
self.label.textColor = [UIColor blackColor];
self.label.numberOfLines = 0;
self.label.textAlignment = NSTextAlignmentLeft;
[self addSubview:self.label];
}
return self;
}
3)button的點擊事件:即點擊圖片文字描述就會從下面升上來,再點擊就會降下去的動作:
/label升降
-(void)buttonDidClicked{
if (self.isClicked == NO) {
[UIView animateWithDuration:0.5 animations:^{
self.contentOffset = CGPointMake(0, self.frame.size.height);
}];
self.isClicked = YES;
}else if (self.isClicked == YES) {
[UIView animateWithDuration:0.5 animations:^{
self.contentOffset = CGPointMake(0, 0);
}];
self.isClicked = NO;
}
}
另外,由于必須保證每次添加model到視圖上時顯示的是圖片,所以需要一個方法來復原到初始狀態(tài),即一旦從視圖上刪除就復原:
//復原
-(void)resetModel{
self.contentOffset = CGPointMake(0, 0);
self.isClicked = NO;
}
3、模型準備好了,下面在viewController類里面寫一個方法將plist文件數(shù)據(jù)讀取出來封裝到item對象里面,再用item對象初始化model對象,將所有model對象存入可變數(shù)組(_allItems)里面:
//加載數(shù)據(jù)到物品
-(void)loadData{
//讀取數(shù)據(jù)
NSString *filePath = [[NSBundle mainBundle] pathForResource:@"shop" ofType:@"plist"];
NSArray *itemArr = [NSArray arrayWithContentsOfFile:filePath];
//創(chuàng)建模型
for (int i =0;i <[itemArr count] ; i++) {
Item *item = [[Item alloc] initWithString:[[itemArr objectAtIndex:i] objectForKey:@"title"] andimgPath:[[itemArr objectAtIndex:i] objectForKey:@"pic"]];
Model *model = [[Model alloc] initWithItem:item];
//未被添加的為0,添加好的為1
model.tag = 0;
[_allItems addObject:model];
}
}
**注意:**model的tag是用于判斷model是否已經(jīng)被添加到視圖里面,從而只會添加數(shù)組里面未添加的model,已添加的model也會用一個數(shù)組(displayedItems)來存儲,方便刪除
4、添加和刪除按鈕及其響應的方法:
1)add按鈕:
創(chuàng)建:
//添加添加按鈕 UIButton *addButton = [[UIButton alloc] initWithFrame:CGRectMake(_width*2/3, _height/10, 40, 40)]; [addButton setImage:[UIImage imageNamed:@"add"] forState:UIControlStateNormal]; [addButton addTarget:self action:@selector(add) forControlEvents:UIControlEventTouchUpInside]; [self.view addSubview:addButton];
add方法:
//添加事件
-(void)add{
NSInteger itemCount = [_displayedItems count];
for (Model* model in _allItems) {
if (model.tag == 0) {
switch (itemCount) {
case 1:
model.frame = CGRectMake(40 + model.frame.size.width, 20, 80, 100);
break;
case 2:
model.frame = CGRectMake(60 + model.frame.size.width*2, 20, 80, 100);
break;
case 3:
model.frame = CGRectMake(20,40 + model.frame.size.height, 80, 100);
break;
case 4:
model.frame = CGRectMake(40 + model.frame.size.width, 40 + model.frame.size.height, 80, 100);
break;
case 5:
model.frame = CGRectMake(60 + model.frame.size.width*2, 40 + model.frame.size.height, 80, 100);
break;
default:
break;
}
[_scrollView addSubview:model];
[_displayedItems addObject:model];
model.tag = 1;
break;
}
}
}
2)delete按鈕:
//添加刪除按鈕 UIButton *deleteButton = [[UIButton alloc] initWithFrame: CGRectMake(_width/5, _height/10, 40, 40)]; [deleteButton setImage:[UIImage imageNamed:@"delete"] forState:UIControlStateNormal]; [deleteButton addTarget:self action:@selector(delete) forControlEvents:UIControlEventTouchUpInside]; [self.view addSubview:deleteButton];
delete方法:
-(void)delete{
Model *model = _displayedItems.lastObject;
[model removeFromSuperview];
model.tag = 0;
[model resetModel];
[_displayedItems removeObject:model];
}
嗯,由于這里為了方便,所以添加控件時的位置判斷直接寫死了,所以還有待改進。以上就是用按鈕添加控件這個demo的主要部分,另外還有那個背景圖片的模糊處理使用的是UIVisualEffectView類實現(xiàn)的,在此不詳述了。
代碼不足之處:
1、位置判斷寫死了
2、模型其實建一個類就夠了,Item類有點多余
進階方案:
1、通過拖動圖標放置在父視圖任何位置
2、點擊控件文字顯示于圖片之上,圖片成為背景并虛化
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
詳解2016 cocoapods的安裝和使用以及版本升級遇到的問題
CocoaPods是一個負責管理iOS項目中第三方開源庫的工具。這篇文章主要介紹了2016 cocoapods的安裝和使用以及版本升級遇到的問題,有需要的可以了解一下。2016-12-12
iOS11 WKWebView 無法加載內(nèi)容的解決方法
這篇文章主要介紹了iOS11 WKWebView 無法加載內(nèi)容,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
iOS使用核心動畫和粒子發(fā)射器實現(xiàn)點贊按鈕的方法
這篇文章主要給大家介紹了iOS如何使用核心動畫和粒子發(fā)射器實現(xiàn)點贊按鈕的方法,文中給出了詳細的示例代碼,相信對大家的理解和學習具有一定的參考借鑒,有需要的朋友們下面跟著小編一起來學習學習吧。2016-12-12
詳解iOS應用中自定義UIBarButtonItem導航按鈕的創(chuàng)建方法
這篇文章主要介紹了iOS應用中自定義UIBarButtonItem導航按鈕的創(chuàng)建方法,文中舉了一個自定義圖片的UIBarButtonItem實例,比較具有代表性,需要的朋友可以參考下2016-04-04
IOS 播放系統(tǒng)提示音使用總結(AudioToolbox)
這篇文章主要介紹了IOS 播放系統(tǒng)提示音使用總結(AudioToolbox)的相關資料,需要的朋友可以參考下2017-05-05
WKWebview非全屏自動播放h5視頻的實現(xiàn)方法(Swift、OC)
這篇文章主要給大家介紹了關于WKWebview非全屏自動播放h5視頻的實現(xiàn)方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-05-05
iOS開發(fā)中使app獲取本機通訊錄的實現(xiàn)代碼實例
這篇文章主要介紹了iOS開發(fā)中使app獲取本機通訊錄的實現(xiàn)代碼實例,主要用到了AddressBook.framework和AddressBookUI.framework,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-01-01

