這篇文章給大家介紹怎么在iOS中通過按鈕添加和刪除控件,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
成都創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)由有經(jīng)驗的網(wǎng)站設(shè)計師、開發(fā)人員和項目經(jīng)理組成的專業(yè)建站團(tuán)隊,負(fù)責(zé)網(wǎng)站視覺設(shè)計、用戶體驗優(yōu)化、交互設(shè)計和前端開發(fā)等方面的工作,以確保網(wǎng)站外觀精美、網(wǎng)站設(shè)計制作、成都做網(wǎng)站易于使用并且具有良好的響應(yīng)性。
分析:
1、每一個圖標(biāo)需要兩個數(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類用于封裝自定義的圖標(biāo)模型,我的模型是將Model類繼承于UIScrollView類,然后設(shè)置其可以滾動,然后再創(chuàng)建一個占據(jù)整個scrollview可滾動部分大小的button添加上去。再分別在button上半部分添加UIImageView顯示圖片,在下半部分添加UILabel顯示描述文字,結(jié)構(gòu)如下
重寫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) { //設(shè)置模塊 self.contentSize = CGSizeMake(80, self.frame.size.height * 2); self.pagingEnabled = NO; //設(shè)置模塊屬性 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]; //設(shè)置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到視圖上時顯示的是圖片,所以需要一個方法來復(fù)原到初始狀態(tài),即一旦從視圖上刪除就復(fù)原:
//復(fù)原 -(void)resetModel{ self.contentOffset = CGPointMake(0, 0); self.isClicked = NO; }
3、模型準(zhǔn)備好了,下面在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、添加和刪除按鈕及其響應(yīng)的方法:
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]; }
關(guān)于怎么在iOS中通過按鈕添加和刪除控件就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
文章名稱:怎么在iOS中通過按鈕添加和刪除控件
標(biāo)題網(wǎng)址:http://www.rwnh.cn/article8/pgcjip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、移動網(wǎng)站建設(shè)、定制開發(fā)、搜索引擎優(yōu)化、網(wǎng)站改版、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)