打造一个直观易复用的iOS设置菜单页,用PB做一个

2020-03-24 04:28 来源:未知

几乎每一个App都有一个设置菜单页,而且他们几乎都长这样:

1.RecylerView是什么

RecylerView是support-v7包中的新组件,和ListView一样有item回收复用的功能,同时,又是listView的升级版,它封装了viewholder的回收复用,也就是说RecylerView标准化了ViewHolder,编写Adapter面向的是ViewHolder而不再是View了;它提供了一种插拔式的体验,高度的解耦,异常的灵活,针对一个Item的显示RecyclerView专门抽取出了相应的类,来控制Item的显示,使其的扩展非常强。

在App中,比如侧边栏,设置,个人界面,编辑表单,总会有一些地方用到一些静态Cell构成的TableView,这些界面的特点是,Cell种类繁多,Model种类繁多,点击事件处理分散但单调(页面跳转,编辑textFiled),重复写tableViewDelegate和datasource的相关方法,但不会用到一些奇怪的datasource和delegate方法,而且显示内容一般是固定的,每个页面Cell的数量不会很多。像笔者所在的项目里的侧边栏模块,里面有很多tableView,由于没有使用StoryBoard且很久之前写的,充斥着各种if...else if用model的某个key值进行判断的逻辑去让cell去显示和隐藏某些视图,已经进行点击跳转逻辑,更有甚者,有if (indexPath == 0)之类的通过行数判断去处理的逻辑。增加新的cell时,便要在各种地方再加上else if的新判断,而做新界面时,也没有很好的方法进行复用。笔者结合之前文章进行进一步思考,抽象出一个适合这种特点tableView的管理类,记录一下思路供参考。

对象被右键单击就弹出一个功能菜单是Windows应用程序一项不可缺少的功能。在PowerBuilder
应用开发中,可在需弹出右键菜单对象的rbuttondown事件中调用该菜单的Popmenu( )方法实现这一功能。但多数情况下,应用中有多处要用到不同的弹出式菜单,如一一用这种方法就需要做大量的工作。能不能做一个通用的菜单,可以用任何对象的rbuttondown事件激发弹出,并在弹出前动态改变弹出菜单项的内容,当点击菜单项时又可执行被右击对象的相应用户事件?由于这一技术最大的特点是当函数创建成功后,可在任何应用的任何对象中随心所欲的使用,随时随地弹出自己想要显示的菜单项,并执行相应的自己需要的功能脚本,但目前各种资料上鲜有系统、成型的介绍。笔者抱着一种探索的态度,作了一番仔细深入的研究,并小有收获,愿和大家共同探讨。
一、 创建弹出菜单m_popup
创建一个菜单m_popup,定义菜单条m_main,其下有十五个菜单项,分别命名为m_item1,m_item2,……m_item15,各项的显示文本(text)分别为item1,item2,… …item15; 为m_popup菜单定义一个Powerobject类型的Instance变量:Anyobject 脚本为: Powerobject Anyobject 给m_item1,m_item2,……m_item15各菜单项的Clicked事件下分别输入脚本:Anyobject.triggerevent("ue_item1") //m_item1的clicked事件
Anyobject.triggerevent("ue_item2")
… …
Anyobject.triggerevent("ue_item15")
---- 4、定义几个菜单函数:

图片 1

2.ViewHolder和Adapter

RecyclerView的任务仅限于回收和定位屏幕上的View。还有另外两个类:ViewHoler和Adapter。
ViewHolder就是容纳View视图。
Adapter创建必要的ViewHoler,绑定ViewHoler至模型层数据

图片 2项目里一个屏幕那么高的CellForRow方法之类的比比皆是.JPG

---- 1) setmenuitem(string itemstring),返回值为Null。

最简单最原始的做法是这样的:

3.使用RecylerView

先要添加RecylerView依赖库,单击File->Project Structure菜单项切换至项目结构窗口,选择左边的app模块,单机Dependencies选项页,单击 按钮添加依赖库

图片 3

image.png

也可以在build.gradle中添加,如图

图片 4

image.png

这里的例子是帖子信息显示
我们可以新建一个fragment_post_list布局文件,修改根视图为RecyclerView

<android.support.v7.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@ id/post_recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>

下面是视图和fragment关联,新建PostListFragment文件,让他的布局为RecyclerView

public class PostListFragment extends Fragment {
    private RecyclerView mPostRecyclerView;

    @Override
    public View onCreateView(LayoutInflater inflater,  ViewGroup container,  Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_post_list,container,false);

        mPostRecyclerView=(RecyclerView)view.findViewById(R.id.post_recycler_view);
        mPostRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

        return view;
    }

注意这个时候如果没有LayoutManager我们的RecyclerView无法工作,会导致应用崩溃,我们应该创建完成后立即交给LayoutManager

现在需要初始的Activity文件中托管我们的fragment文件

public class PostListActivity extends AppCompatActivity{
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_fragment);

        FragmentManager fm=getSupportFragmentManager();
        Fragment fragment=fm.findFragmentById(R.id.fragment_container);

        if(fragment==null){
            fragment=new PostListFragment();
            fm.beginTransaction()
                    .add(R.id.fragment_container,fragment)
                    .commit();
        }
    }
}

然后运行发现是一个空的界面

图片 5

image.png

关于TableViewDatasource的思考

在之前的文章(iOS通用的DataSource)中,已经对Datasource和SectionObject进行了抽象,datasource本质是告诉Cell如何去处理Model的桥梁,之前笔者是通过维护一个字典去一一对应Model的种类和Cell种类的,但后来发现,有时候Model和Cell的种类并不一定是1对1的,比如有些时候cell只要只要展示一个title,可能使用者只想写一个String去对应,而不用去建一个Model,在静态不变的Model中,这种情况更突出,因为并不需要从网络解析数据,不用用反射机制去进行json转model的处理,有时候,一个NSDictionary甚至一个NSString或者Bool就可以满足一个cell的展示需求,那么对于这种可能是多Cell对多Model(String也可以是一种Model)的情况,且每个TableView的Cell数量不多(一般设置页不会超过20个),可以考虑为在字典里每个model配置对应的Cell类型的键值对。而且因为Model种类不一,我们也需要手动Add到SectionObject里,那么我们可以把这个字典分在每个sectionObject里去管理。在section类里添加以下方法,而model的唯一性可以用hash属性标识,默认hash属性就是对象的内存地址。

- addItem:(id<NSObject>)item cellClass:cellClass{ if  { return; } [_items addObject:item]; if (!cellClass) { return; } NSString *itemHash = [NSString stringWithFormat:@"%tu",item.hash]; [self.sectionCellDic setObject:cellClass forKey:itemHash];}

然后再增加外部通过indexPath读取对应Cell Class的方法

- cellClassIndexPath:(NSIndexPath *)indexPath{ return [self cellClassForItem:[self itemForIndexPath:indexPath]];}- cellClassForItem:(id<NSObject>)item{ NSString *itemHash = [NSString stringWithFormat:@"%tu",item.hash]; Class cellClass = [self.sectionCellDic objectForKey:itemHash]; return cellClass;}- itemForIndexPath:(NSIndexPath *)indexPath{ if (self.items.count > indexPath.row) { return self.items[indexPath.row]; } return nil;}

参数Itemstring是由多个子串组成的。各个子串间用“|”间隔,每个子串为一个菜单项的显示文本(text)。

该函数功能是把itemstring分解为多个子串,并把子串赋给相应菜单项的text。脚本如下:
int itempos,itemorder=1,i string currentitem
if len(itemstring)=0 then return itempos=pos(itemstring,"|") DO WHILE itempos<>0
// itempos为间隔符"|"的位置
currentitem=left(itemstring,itempos
-1) //取出子串
itemstring=mid(itemstring, itempos 1)
this.m_main.item[itemorder].text=currentitem
itempos=pos(itemstring,"|")
itemorder
LOOP
this.m_main.item[itemorder].text=itemstring
for i=1 to itemorder
this.m_main.item[i].visible=true
this.m_main.item[i].enabled=true
end if
for i=itemorder 1 to 15
this.m_main.item[i].visible=false
next
2)
setitemdisable(integer itemorder) 返回值Null。 该函数把第itemorder菜单项置灰(disable)。 脚本如下:
if itemorder<1 or itemorder>15
then
return this.m_main.item[itemorder].enabled=false
3)popupmenu(integer x, integer y) 返回值Null。 该函数弹出菜单条m_main。 脚本如下: this.m_main.popmenu(x,y)
二、 rbuttondown事件激发弹出菜单m_popup
---- 至此,我们就可以在窗口中任意对象如DataWindow、 Picture、 SingleLineEdit、 ListBox、PictureListBox、 DropDownPictureListBox、 MultiLineEdit、 ListView、 TreeView等的rbuttondown事件中写脚本调用m_popup的函数来实现右键单击弹出一个菜单。
下面以数据窗口dw_1为例,在其rbuttondown事件下写入脚本,使得右击dw_1 可弹出菜单:
刷新/插入/删除/修改。
步骤如下:

1、事先给窗口定义一个m_popup 型instance变量om_1: m_popup om_1 2、dw_1的rbuttondown事件脚本:
if not isvalid(om_1)
then om_1= CREATE m_popup
end if //把菜单的anyobject指向被右击的对象(dw_1) om_1.anyobject=this

om_1.setmenuitem("刷新|插入|删除|修改") //可在此调用om_1.setitemdisable(itemorder)函数
disable某 菜单项。
om_1.popupmenu(this.x this.pointerx(), this.y this.pointery())
3、 给dw_1定义用户事件ue_item1、ue_item2、ue_item3 及 ue_item
4。 事件ue_item1脚本:
dw_1.retrieve()
事件ue_item2脚本:
long newrow newrow=dw_1.insertrow(0)
dw_1.scrolltorow(newrow)
事件ue_item3脚本:
dw_1.deleterow(0)
事件ue_item4脚本:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath]; switch (indexPath.row) { case 0: // configure cell break; case 1: // configure cell break; case 2: // configure cell break; } return cell;}- tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ [tableView deselectRowAtIndexPath:indexPath animated:YES]; switch (indexPath.row) { case 0: // click cell 0 break; case 1: // click cell 1 break; case 2: // click cell 2 break; }}

3.1列表项视图

我们的列表里面有很多的数据,我们要创建一个视图布局一条条根据自己的需要拜访它
新建一个list_item_crime文件

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="8dp">

    <TextView
        android:id="@ id/post_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Post Title"/>
    <TextView
        android:id="@ id/post_date"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Post Date"/>
</LinearLayout>

接管TableViewDelegate

和很多动态Cell会有一些奇奇怪怪的Delegate不同,静态cell主要就是展示和点击事件,一般会用到以下原生delegate

- tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;- tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath;- tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)sectionIndex;- tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)sectionIndex;- tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)sectionIndex;- tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)sectionIndex;- tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;

所以我们可以让TableViewManager接管这些协议的实现,同时新建一个TableViewManagerDelegate为UITableViewDelegate的子协议,并开放这些协议给使用Manager的人,也就是可以让使用者覆写这些delegate。

比如heightForRowAtIndexPath方法,就可以在判断外部是否实现,否则则内部实现。

- tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ if ([self.delegate respondsToSelector:@selector(tableView:heightForRowAtIndexPath:)]) { return [self.delegate tableView:tableView heightForRowAtIndexPath:indexPath]; } Class cellClass = [self tableView:tableView cellClassForRowAtIndexPath:indexPath]; id item = [self tableView:tableView itemForRowAtIndexPath:indexPath]; return (cellClass == [UITableViewCell class])?44.f:[cellClass tableView:tableView rowHeightForItem:item];}

同理,这些协议的默认实现可以根据实际情况作调整,比如对于didSelectRowAtIndexPath,我们也可以带上其item再返回给外部,带上item的好处,等会会讲到。

- tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { if ([self.delegate respondsToSelector:@selector(tableView:didSelectItem:atIndexPath:)]) { id item = [self tableView:tableView itemForRowAtIndexPath:indexPath]; [self.delegate tableView:tableView didSelectItem:item atIndexPath:indexPath]; [tableView deselectRowAtIndexPath:indexPath animated:YES]; } else if ([self.delegate respondsToSelector:@selector(tableView:didSelectRowAtIndexPath:)]) { [self.delegate tableView:tableView didSelectRowAtIndexPath:indexPath]; }}

dw_1.update()

这样,只要用户单击dw_1弹出的右键菜单,就可完成对dw_1的插入、删除、修改等功能。

这样做不仅违反了DRY原则,在菜单项比较多的情况下烦不胜烦,而且一旦需要修改某个菜单项的内容,或者插入或者删除,修改起来都是非常容易出错的,换句话说,可维护性非常差。

3.2实现ViewHolder、Adapter

我们需要实例化并使用刚刚新建的list_item_crime布局

Cell的协议里有啥

之前文章讲过,我们可以通过一个CellProtocol去指定configItem的方法让cell自己去解析Model,同时我们也可以让这个协议丰富一点,比如加上CellDelegate的回调,可以让Cell把信息传到外部,这在一些Cell里面的点击事件,或者开关,表单编辑时都很有用,所以我们可以加上delegate

@protocol CDZTableViewCellDelegate <NSObject>@optional- didTriggleCell:(UITableViewCell*)cell message:message;@end@protocol CDZTableViewCell<NSObject>@required- configWithItem:(id<NSObject>)item;  tableView:(UITableView *)tableView rowHeightForItem:item;@optional- setCDZCellDelegate:(id<CDZTableViewCellDelegate>)objectDelegate;@end

而这个Message的执行者应该是外部调用者而不是Manager本身,所以对于Cell和外部来说,它虽然是个id但实际类型是外部和Cell内部统一知道的,比如是个Bool值表示开关状态,一个NSDictionary里面包含信息,或者是一个NSString。而Manager只要做一个中转就好了。这里我在Manager里把Cell转换成了对应的Item及IndexPath传给外部,因为Cell是可复用的,实际关心的应该是Model。

- didTriggleCell:(UITableViewCell *)cell message:message{ if ([self.delegate respondsToSelector:@selector(receiveCellMessage:atIndexPath:item:)]) { NSIndexPath *indexPath = [self.tableView indexPathForCell:cell]; id item = [self tableView:self.tableView itemForRowAtIndexPath:indexPath]; [self.delegate receiveCellMessage:message atIndexPath:indexPath item:item]; }}

三、 推广为全程函数

如果应用中有许多地方要用此功能,我们可以把dw_1的rbuttondown事件脚本改造成一个全程函数。
---- 1、将变量om_1定义为global变量: ---- m_popup om_1
---- 2、定义一个全程函数 ---- pupmenu(powerobject sender,string itemstring,integer x,integer y)
返回值Null。其中参数sender为被右击的对象,itemstring为弹出菜单的菜单项字符串,x、y为菜单弹
出的坐标位置。 脚本如下:
if not isvalid(om_1)
then om_1= CREATE m_popup
end if
om_1.anyobject=sender
om_1.setmenuitem(itemstring)
sender.triggerevent("ue_beforepop") //激活sender用户事件。
om_1.popupmenu(x,y)
这样,上述dw_1的rbuttondown事件脚本就可改写为:
string items="刷新|插入|删除|修改"
popmenu(this, items ,this.x this.pointerx(), this.y this.pointery())
注意:在MDI 应用中,popmenu()函数需要改为:
popmenu(this, items ,w_frame.pointerx(),w_frame.pointery())

通过观察我们可以发现,这些列表的结构非常相似,那么很自然地我们可以想到建立一个通用的模型来表示一个菜单.

定义ViewHolder(PostListFragment.java)
    private class PostHolder extends RecyclerView.ViewHolder{
        public PostHolder(LayoutInflater inflater,ViewGroup parent){
            super(inflater.inflate(R.layout.list_item_post,parent,false));
        }
    }

初始化方法

- (instancetype)initWithTableView:(UITableView *)tableView delegate:(id<CDZTableViewManagerDelegate>)objectDelegate{ self = [super init]; if { tableView.delegate = self; tableView.dataSource = self; tableView.separatorStyle = UITableViewCellSeparatorStyleNone; _sections = [NSMutableArray array]; _delegate = objectDelegate; self.tableView = tableView; } return self;}

最后外界只需要初始化一个manager,即可不用写Datasource和Delegate了,因为都被Manager接管了。

其中w_frame为MDI主窗口名。

在函数popmenu中,又激活了被右击对象的ue_beforepop用户事件。如有必要,你可以给被右击
对象定义一个ue_beforepop事件,在该事件中可调用om_1.setitemdisable()函数来屏蔽某个菜单项。
---- 最后,别忘了在应用的close事件里加上下列语句,及时释放系统内存。
---- if isvalid(om_1) then destroy om_1
---- 以上代码在Windows98 和Powerbuilder6.5平台上开发,并在多个大型系统中应用,效果很好。

KOSettingItem.h

定义Adapter(PostListFragment.java)
private class PostAdapter extends RecyclerView.Adapter<PostHolder>{
        private List<Post> mPosts;
        public PostAdapter(List<Post> posts){
            mPosts=posts;
        }

        @Override
        public PostHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            LayoutInflater layoutInflater=LayoutInflater.from(getActivity());
            return new PostHolder(layoutInflater,parent);
        }

        @Override
        public void onBindViewHolder(PostHolder holder, int position) {
        }

        @Override
        public int getItemCount() {
            return mPosts.size();
        }
    }

接下来我们要将Adapter和RecyclerView关联起来,实现一个设置PostListFragment用户界面的updateUI方法,创建PostAdapter,然后设置给RecyclerView

public class PostListFragment extends Fragment {
    ...
    private PostAdapter mAdapter;
    @Override
    public View onCreateView(LayoutInflater inflater,  ViewGroup container,  Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_post_list,container,false);

        mPostRecyclerView=(RecyclerView)view.findViewById(R.id.post_recycler_view);
        mPostRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

        updateUI();

        return view;
    }
    private void updateUI(){
        PostLab postLab=PostLab.get(getActivity());
        List<Post> posts=postLab.getPosts();

        mAdapter=new PostAdapter(posts);
        mPostRecyclerView.setAdapter(mAdapter);
    }
}

图片 6

image.png

item的一些小技巧

对应一些初展示类或者开关操作的item,我们可以用简单的Bool,NSString,NSDictionry作为Model,而有点击事件的Model,我们可以在model类里增加一个tapBlock,这样我们可以在配置item时顺便配置其点击事件。因为静态cell中的点击事件往往各不相同,所以配置在tapBlock可以让代码更加统一。

TestItem *itemD = [[TestItem alloc]init];itemD.title = @"itemD";itemD.tapBlock = ^(TestItem *item) { NSLog(@"%@ tap",item.title);};[firstSection addItem:itemD cellClass:[TestBCell class]];

这样不仅好找,一次性把相关的操作配置完成,而且在执行点击事件时,不用再关心具体的点击事件,进行item的识别分类判断。

- tableView:(UITableView *)tableView didSelectItem:item atIndexPath:(NSIndexPath *)indexPath{ if ([item isMemberOfClass:[TestItem class]]) { TestItem *cellItem = (TestItem *)item; if (cellItem.tapBlock) { cellItem.tapBlock; } }}
@interface KOSettingItem : NSObject@property (copy, nonatomic) NSString *title;@property (strong, nonatomic) UIImage *imageIcon;@property (assign, nonatomic) UITableViewCellAccessoryType accessoryType;@property (copy, nonatomic) void(^handleCallback)();  (instancetype) itemWithTitle:(NSString *)title icon:(UIImage *)image;  (instancetype) itemWithTitle:(NSString *)title icon:(UIImage *)image block:)handle;- initWithTitle:(NSString *)title icon:(UIImage *)image block:)handle; @end 

3.2绑定列表项

让java代码和组件关联起来。

    private class PostHolder extends RecyclerView.ViewHolder {
        private Post mPost;
        private TextView mTitleTextView;
        private TextView mDateTextView;
        public void bind(Post post){
            mPost=post;
            mTitleTextView.setText(mPost.getTitle());
            mDateTextView.setText(mPost.getDate().toString());
        }

        public PostHolder(LayoutInflater inflater,ViewGroup parent){
            super(inflater.inflate(R.layout.list_item_post,parent,false));
            mTitleTextView=(TextView) itemView.findViewById(R.id.post_title);
            mDateTextView=(TextView) itemView.findViewById(R.id.post_date);
        }

现在只要取到一个Post,PostHolder就会刷新显示TextView标题视图和TextView日期视图,记得调用bind(Post)方法

        @Override
        public void onBindViewHolder(PostHolder holder, int position) {
            Post post=mPosts.get(position);
            holder.bind(post);
        }

运行

图片 7

image.png

最后

通过这些的Manager,就可以随心所欲搭配model和cell,并把配置写在一起,方便修改,查找,同时也不用重复写Delegate和Datasource,而对老的Cell和Model也有很好的兼容。底下是一个混搭的例子。

- (NSMutableArray <CDZTableViewSection *>*)sections{ NSMutableArray <CDZTableViewSection *> *sections = [NSMutableArray array]; CDZTableViewSection *firstSection = [[CDZTableViewSection alloc]init]; NSString *itemA = @"itemA"; [firstSection addItem:itemA cellClass:[TestACell class]]; NSDictionary *itemB = @{@"title" : @"itemB"}; [firstSection addItem:itemB cellClass:[TestACell class]]; TestItem *itemC = [[TestItem alloc]init]; itemC.title = @"itemC"; itemC.tapBlock = ^(TestItem *item) { NSLog(@"%@ tap",item.title); }; [firstSection addItem:itemC cellClass:[TestBCell class]]; TestItem *itemD = [[TestItem alloc]init]; itemD.title = @"itemD"; itemD.tapBlock = ^(TestItem *item) { NSLog(@"%@ tap",item.title); }; [firstSection addItem:itemD cellClass:[TestBCell class]]; [sections addObject:firstSection]; return sections;}

所有源码和Demo可以直接拿文件去使用或修改,也支持Cocoapods.

如果您觉得有帮助,不妨给个star鼓励一下,欢迎关注&交流有任何问题欢迎评论私信或者提issueQQ:757765420Email:nemocdz@gmail.comGithub:Nemocdz微博:@Nemocdz

KOSettingItem.m

3.2响应点击

现在先达到点击一下弹出一个toast的效果,RecycleView功能强大,但是要自己处理触摸事件,虽然它也能帮我们转发触摸事件,不过大多数时候还是没必要这么做的
通过修改PostHolder类处理用户点击事件

    private class PostHolder extends RecyclerView.ViewHolder implements View.OnClickListener{

        public PostHolder(LayoutInflater inflater,ViewGroup parent){
            super(inflater.inflate(R.layout.list_item_post,parent,false));
            mTitleTextView=(TextView) itemView.findViewById(R.id.post_title);
            mDateTextView=(TextView) itemView.findViewById(R.id.post_date);

            itemView.setOnClickListener(this);
        }
        @Override
        public void onClick(View view) {
            Toast.makeText(getActivity(),mPost.getTitle() " clicked!",Toast.LENGTH_SHORT).show();
        }
}

点击某个列表项,可看到弹出的toast响应消息

图片 8

image.png

 @implementation KOSettingItem   (instancetype) itemWithTitle:(NSString *)title icon:(UIImage *)image{ return [[self alloc] itemWithTitle:title icon:image]; }   (instancetype) itemWithTitle:(NSString *)title icon:(UIImage *)image block:)handle{ KOSettingItem *item = [[self alloc] initWithTitle:title icon:image block:handle]; return item; } - initWithTitle:(NSString *)title icon:(UIImage *)image block:)handle{ if (self = [super init]) { self.title = title; self.imageIcon = image; self.handleCallback = handle; self.accessoryType = UITableViewCellAccessoryDisclosureIndicator; } return self; } @end 

一个简单的模型就这样建好了,其中我们用block写了一个handleCallback用来处理表格的点击事件,接着我们来应用到TableView中,首先新增一个property @property (strong, nonatomic) NSArray *settingItems;

然后在ViewDidLoad中

 KOSettingItem *item1 = [KOSettingItem itemWithTitle:@"菜单1" icon:[UIImage imageNamed:@"Carrot"]]; [item1 setHandleCallback:^{ NSLog; }]; KOSettingItem *item2 = [KOSettingItem itemWithTitle:@"菜单2" icon:[UIImage imageNamed:@"Owl"]]; [item1 setHandleCallback:^{ NSLog; }]; KOSettingItem *item3 = [KOSettingItem itemWithTitle:@"菜单3" icon:[UIImage imageNamed:@"Rubber-Duck"]]; [item1 setHandleCallback:^{ NSLog; }]; KOSettingItem *item4 = [KOSettingItem itemWithTitle:@"菜单4" icon:[UIImage imageNamed:@"Snowman"]]; [item1 setHandleCallback:^{ NSLog; }]; self.settingItems = @[item1, item2, item3, item4];

最后修改一下TableView的Datasource和Delegate

 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{ return self.settingItems.count; } - tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ return 44; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath]; KOSettingItem *item = self.settingItems[indexPath.row]; cell.textLabel.text = item.title; cell.imageView.image = item.imageIcon; cell.accessoryType = item.accessoryType; return cell; } - tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ [tableView deselectRowAtIndexPath:indexPath animated:YES]; KOSettingItem *item = self.settingItems[indexPath.row]; if (item.handleCallback) { item.handleCallback(); } }

我们发现再也不需要冗长的switch语句,如果需要增删菜单项,只需要修改settingItems里面的item顺序,并且由于点击事件绑定到KOSettingItem里面,也不需要担心事件与item不对应的情况,除非有特殊的样式需求,我们可以几乎不用再更改UITableViewDataSource与UITableViewDelegate的实现。

文章只是提供了一个思路,而且出于简明的目的KOSettingItem的模型非常简单,实际上你可以通过添加变量达到更多的可定制化效果,比如分割线的offset,自定义的accessoryView等等,完整的demo可以戳这里。

运行一下,最后的结果如图,虽然依旧平淡无奇 :)

图片 9

TAG标签:
版权声明:本文由美高梅网投平台发布于美高梅简介,转载请注明出处:打造一个直观易复用的iOS设置菜单页,用PB做一个