【PickerView案例10-国旗选择界面02 Objective-C预言】

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

一、好了,我们继续来实现这个国旗选择界面:

通知

1.它的界面里面,是不是很简单,就一个UIPickerView,就完事儿了

然后,显示的每一行内容呢,

1)一个文字Label

2)一个图片

那大家应该有意识,它返回的应该是一个View,对吧,

代理方法里面,有一个返回View的,viewForRow:

viewForRowInComponent:

2.然后呢,我们呢,就新建了一个项目,

然后呢,我把这个项目打开,

1)搭建界面:一个PickerView,就完事儿了

2)加载数据:把这个03flags.plist,加载进来,

通知

3)还有一个:我们的图片资源,也给它放进来了,

通知

这么多国旗图片,

4)然后呢,再来看一下这个plist啊

国旗这个plist里面,也是,一个数组,包了几个字典,对吧,

通知

也可以字典转模型,

通知

5)回到Controller里面,

通知

懒加载

通知

关起来了,不再看了,

然后呢,

6)接下来,设置它的数据源、代理对象、

遵守对应的协议,

通知

实现相应的方法:

通知

7)它的组数,是多少呢:直接就是1组,

8)它的行号呢:有多少个国家模型,就有多少行啊,

通知

9)那最后,我们说:需要返回一个UIView,

pickerView:它是不是有一个viewForRow:方法

有人说,这些方法太多了,我记不住,记不住怎么办呢,也不用去记啊,我们只需要记住它的UIPickerView的头文件,去看

通知

点这个:UIPickerView

或者点它的:DataSource、Delegate

都可以

没有必要死记硬背啊,

我们只需要了解这个思路,

这个思路就可以了:

通知

2.那最后,我们说,返回、每一行返回什么view的话,

是不是根据tableView,去套的,

有印象吧,前面我们在写tableView的时候,

每一行返回什么样的cell,

那是怎么做的,

1)第一步:创建Cell

2)第二步:给Cell赋值、设置数据、

3)第三部:返回Cell

那我们这个View,也是一样的:

1)第一步:创建View

2)第二步:给View设置数据

3)第三步:返回View

有人说:我们是不是可以创建一个xib

这是一个xib、左边一个Label:

通知

右边儿一个ImageView:显示一个图片,对吧,

然后呢,最后是不是可以给它设置数据,最后返回View:

通知

最关键的就是这一块儿、其他都是一样一样的:

通知

3.好,大家说,怎么办:

1)第一步:是干嘛,创建View,创建View的话,你怎么创建呢,

我们这个View,是什么,我们要给它做的,是不是一个xib

通知

那怎么办

是不是先创建一个xib

通知

然后呢,command + N、

通知

User Interface:View

直接带一个View进来:

然后呢,Name:

通知

Name:HMFlagView.xib

通知

现在呢,我们这个xib有了:

通知

放上来

通知

这样的话,我还是加一个Group:

通知

1)Group Name:View,

通知

2)Group Name:Controller,

3)Group Name:Other,

4)Group Name:Model,

通知

这两个是不是我们的模型:HMFlag.h、HMFlag.m

通知

AppDelegate.h、AppDelegate.m、这两个是不是放在Other里面

控制器里面,按Shift、把这三个:

通知

放到控制器里面

通知

有的老师是不是把Storyboard放到View里面,

HMFlagView.xib:这个放到View里面

通知

哦了:

通知

那这个文件放置呢,你自己根据你个人习惯放置,但是其他的基本上都是这么一个结构

那下面这三个,放到:

通知

放到SupportingFiles里面

通知

4.好,那我们继续,现在这个xib有了

然后呢,是不是把它改一改:

通知

我们先把它约束加一下:这个Size:改成freedom

通知

1)Size:改成freedom,是不是可以修改它的大小,

2)然后,这个Status Bar:改成None,

通知

电池是

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6