—->>>>>创建一个 iOS 的 Widget （一）<<<<<—-

---

聊下 在项目里面 做展开和折叠
这个功能在iOS10 才出现的
并且样式 跟 iOS10 以下 是有点不一样的，
iOS9 的左边 是留了一定的间距，而iOS10 是在屏幕的两边留了大概 7 的宽度。

1.首先 TestWidgetDemo 的 ViewController.m 里面加入一个控制器 用于控制是否展开和折叠

NSUserDefaults *def = [[NSUserDefaults alloc] initWithSuiteName:@"group.xixi"];
[def setObject:@"xixi" forKey:@"name"];
[def setObject:@18 forKey:@"age"];
[def setBool:NO forKey:@"isExpansion"]; //记录折叠 或者 展开
[def synchronize];


UILabel *leftLabel = [[UILabel alloc] init];
leftLabel.frame = CGRectMake(30, 50, 50, 50);
leftLabel.text = @"折叠";
leftLabel.textColor = [UIColor blackColor];
[self.view addSubview:leftLabel];

 UISwitch *sh = [[UISwitch alloc] initWithFrame:CGRectMake(CGRectGetMaxX(leftLabel.frame), 50, 100, 40)];
[sh addTarget:self action:@selector(switchAction:) forControlEvents:UIControlEventValueChanged];
[self.view addSubview:sh];

UILabel *rightLabel = [[UILabel alloc] init];
rightLabel.frame = CGRectMake(CGRectGetMaxX(sh.frame) + 10, 50, 50, 50);
rightLabel.text = @"展开";
rightLabel.textColor = [UIColor blackColor];
[self.view addSubview:rightLabel];


-(void)switchAction:(UISwitch *)switchArg
{
    NSUserDefaults *def = [[NSUserDefaults alloc] initWithSuiteName:@"group.xixi"];
    [def setBool:switchArg.on forKey:@"isExpansion"];
    [def synchronize];

}

 —

2.**在TodayViewController.m 里面 我加入了一个 tableView

**

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view from its nib.

    NSUserDefaults *def = [[NSUserDefaults alloc] initWithSuiteName:@"group.xixi"];
    nameStr = [def objectForKey:@"name"];
    age = [def objectForKey:@"age"];
    isExpansion = [def boolForKey:@"isExpansion"];


    _tableView = [[UITableView alloc] init];
    _tableView.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height);
    _tableView.backgroundColor = [UIColor greenColor];
    _tableView.delegate = self;
    _tableView.dataSource = self;
    [self.view addSubview:_tableView];

    [self setViewModel];
}

（_tabelview 的 delegate 的方法就不贴出来了）

—

3.**通过 setViewModel 这个方法来控制 展开或者折叠**

-(void) setViewModel
{   
     //这里你可以获取数据 然后获取数据之后 根据数据 来展现 你想要的Widget 模式
     //get you data and reload tableview


    //通过这个来展现数据
    if (ios_version >= 10)
    {
        if (isExpansion)
        {
            //展开
            [self.extensionContext setWidgetLargestAvailableDisplayMode:NCWidgetDisplayModeExpanded];
        }
        else
        {
            //折叠
            [self.extensionContext setWidgetLargestAvailableDisplayMode:NCWidgetDisplayModeCompact];
        }
    }
    else
    {
        self.preferredContentSize = CGSizeMake(0, tableview_MaxHeight);
    }
}

（iOS10 是通过setWidgetLargestAvailableDisplayMode 这个方法来控制 展开和折叠，所以要进行一个版本的判断，而iOS10 以下 还是用回去 preferredContentSize 来判断）

—

4.**设置了setWidgetLargestAvailableDisplayMode之后会触发 下面这个方法**

//ios10 下才有这个方法
- (void)widgetActiveDisplayModeDidChange:(NCWidgetDisplayMode)activeDisplayMode withMaximumSize:(CGSize)maxSize
{
    if (activeDisplayMode == NCWidgetDisplayModeCompact)
    {
        self.preferredContentSize = CGSizeMake([UIScreen mainScreen].bounds.size.width, 105);
        _tableView.frame = CGRectMake(0, 0, self.view.frame.size.width, 105);
    }
    else
    {
        self.preferredContentSize = CGSizeMake([UIScreen mainScreen].bounds.size.width, tableview_MaxHeight);
        _tableView.frame = CGRectMake(0, 0, self.view.frame.size.width, tableview_MaxHeight);
    }
}

（这里顺带说下 竟然你设置了 展开或者折叠的模式之后 那么你也要相应的 把 preferredContentSize 和 tableView 的大小也设置，不然你是看不到效果。）

---

补充下 ： 怎样让iOS9以下的 Widget 的大小跟iOS10 一样，这样就不用做两套东西

//这个方法是让 左边的间距缩小
- (UIEdgeInsets)widgetMarginInsetsForProposedMarginInsets:(UIEdgeInsets)defaultMarginInsets
{
    return UIEdgeInsetsZero;
}

---

!!!!!!!!好吧 下面看效果!!!!!!!!

默认不展开

有展开

展开后效果

cs