iOS学习之个人笔记(应用管理)

最终效果：



步骤：

1）创建xib展示每个应用

2）由于用到字典转模型，所以根据plist文件创建模型类（模型里的属性根据plist里的键值对创建）然后通过懒加载方式从plist文件里获取数据到模型中，然后把模型数据返回给数组。

3）设置应用属性，获取数据到模型中创建view，解析模型数据然后设置给view

4）最后把view添加到界面上。

//这个是模型的.h文件
#import <Foundation/Foundation.h>

@interface YZApp : NSObject
@property (nonatomic,copy) NSString *name;
@property (nonatomic,copy) NSString *icon;

-(instancetype) initWithDict: (NSDictionary *) dict;
+(instancetype)appWithDict: (NSDictionary *) dict;
@end

//这是模型的.m文件
#import "YZApp.h"

@implementation YZApp
//封装字典转模型方法
-(instancetype) initWithDict: (NSDictionary *) dict{
if (self == [super init]) {
self.name = dict[@"name"];
self.icon = dict[@"icon"];
}
return self;
}
+(instancetype)appWithDict: (NSDictionary *) dict{
return [[self alloc] initWithDict:dict];
}
@end

//这是controller类
#import "ViewController.h"
#import "YZApp.h"
#import "YZAppView.h"
@interface ViewController ()
@property(nonatomic,strong)NSArray *apps;
@end

@implementation ViewController
#pragma mark 重写apps的get方法（懒加载）
-(NSArray *)apps{
if (_apps == nil) {
NSString *path = [[NSBundle mainBundle] pathForResource:@"app.plist" ofType:nil];
NSArray *arrDict = [NSArray arrayWithContentsOfFile:path];
NSMutableArray *model = [NSMutableArray array];
for (NSDictionary *dict in arrDict) {
//通过字典转模型方法把数据赋值给模型
YZApp *app = [[YZApp alloc] initWithDict:dict];
[model addObject:app];
}
_apps = model;
}
return _apps;
}

- (void)viewDidLoad {
[super viewDidLoad];
//设置应用属性
CGFloat viewWidth = self.view.frame.size.width;
CGFloat appW = 75;
CGFloat appH = 90;
//第一行距离顶端的距离
CGFloat marginTop =30;
//每行应用数
int num = 3;
CGFloat marginX =(viewWidth - num * appW)/(num + 1);
CGFloat marginY = marginX;
for (int i=0; i<self.apps.count; i++) {
//获取数据
YZApp *appModel = self.apps[i];
//通过appView方法创建view
YZAppView *appView = [YZAppView appView];
int colldx = i % num;
int rowldx =i / num;
CGFloat appX = marginX + colldx*(appW+marginX);
CGFloat appY = marginTop +rowldx*(appH+marginY);
appView.frame = CGRectMake(appX, appY, appW, appH);
//通过重写模型属性的set方法把模型数据设置给自定义的view
appView.appModel = appModel;
[self.view addSubview:appView];
}
}
@end

//这是appView类由于要引用xib里的控件，所以创建appView类来进行操作
#import <UIKit/UIKit.h>
@class App;

@interface AppView : UIView
@property (nonatomic,strong)App *appModel;

+(instancetype) appView;
@end

#import "AppView.h"
#import "App.h"
@interface AppView()
@property (weak, nonatomic) IBOutlet UIImageView *imgViewIcon;
@property (weak, nonatomic) IBOutlet UILabel *lblName;
@property (weak, nonatomic) IBOutlet UIButton *btnDownload;

- (IBAction)btnDownloadClick:(UIButton *)sender;

@end

@implementation AppView
//重写appModel属性的set方法
-(void)setAppModel:(App *)appModel{
_appModel = appModel;

//解析模型数据，把模型数据赋值给UIView中的子控件
self.imgViewIcon.image = [UIImage imageNamed:appModel.icon];
self.lblName.text = appModel.name;
}

+(instancetype)appView{
//1）通过xib创建每个应用UIView
//获取应用根目录
NSBundle *rootBundle =[NSBundle mainBundle];
//在应用根目录下取得xib文件
AppView *appView = [[rootBundle loadNibNamed:@"AppView" owner:nil options:nil] lastObject];
return appView;
}

- (IBAction)btnDownloadClick:(UIButton *)sender {
//1）禁用当前点击按钮
sender.enabled = NO;
//2）弹出消息框
UILabel *lblMsg = [[UILabel alloc] init];
//设置Label属性
lblMsg.text = @"正在下载...";
lblMsg.backgroundColor = [UIColor blackColor];
CGFloat lblW = 200;
CGFloat lblH = 30;
CGFloat lblX = (self.superview.frame.size.width - lblW)/2;
CGFloat lblY = (self.superview.frame.size.height - lblH)/2;
lblMsg.textColor = [UIColor redColor];
lblMsg.textAlignment = NSTextAlignmentCenter;
lblMsg.frame = CGRectMake(lblX, lblY, lblW, lblH);
//设置透明度
lblMsg.alpha = 0;
//设置圆角
lblMsg.layer.cornerRadius = 10;
lblMsg.layer.masksToBounds = YES;
//开启动画执行1.5秒
[UIView animateWithDuration:0.6 animations:^{
lblDownload.alpha = 0.6;
} completion:^(BOOL finished) {
if (finished) {
//延迟（delay）1.0秒，然后执行动画1.5秒，执行动画
[UIView animateWithDuration:0.7 delay:1.0 options:UIViewAnimationOptionCurveLinear animations:^{
lblDownload.alpha = 0;
} completion:^(BOOL finished) {
if (finished) {
//如果动画执行完毕，把这个lbl从view中移除
[lblDownload removeFromSuperview];
}
}];
}
}];
[self.superview addSubview:lblMsg];
}
@end

应用管理素材