xib中UICollectionViewCell转UITable

2017-07-25  本文已影响85人  扛支枪

最近工作中遇到的问题:

一个商城的我的收藏页面,大概和淘宝差不多,然后之前每个商品都是用UICollectionViewCell拖拽的xib文件,然后就直接用UICollectionView实现了,很顺利,5分钟搞定,毕竟都是写好的。

然后我有看了一眼设计稿,麻蛋,左滑删除!!!!左滑删除!!!!左滑删除!!!!

一脸懵逼呀,赶紧去网上搜下UICollectionView怎么实现左滑删除,好像有也是cell上加scrollview,要是这样我还不如直接换tableviewcell呢,然后就寻思着怎么快速简单地把xib中UICollectionViewCell转UITableViewCell。

突然记起xib其实也是xml文件,可以改改xml应该可以,然后就直接上步骤吧。

先新建个UITableViewCell吧:

建完之后是这个鬼样

然后找到之前的UICollectionViewCell的xib

点击蓝色区域的那个cell,然后command+c复制一下,然后command+v粘贴到刚才新建的UITableViewCell中,粘贴好如下所示:

会发现有两个cell了,看前边的图标就知道,上边是tableviewcell,下边是collectionviewcell。然后重点来了!!!!!在demoTableviewcell.xib文件上右键,找到如下图所示的Source Code:

点击会是这样的:

部分截图

此时会看到的就是xib的xml文件了,然后会看到有两块:

<tableViewCell  ..... customClass="NY_DemoTableViewCell">

......

</tableViewCell>

<collectionViewCell ......customClass = "NY_HomeCommodityCell">

......

......

</collectionViewCell>

其实已经很明显了,上边是刚看到的tableviewcell部分的xml,下边是collectionviewcell部分的xml,那么我想把下边改成tableviewcell,就直接名字就行了呗!,然后把上边的tableviewcell删除(其他区块的xml千万别动,只修改我说到的区块)。改完是这样的

<tableViewCell ....customClass="NY_DemoTableViewCell">

......

......

</tableViewCell>

然后如下操作切换到xib处:

然后神奇的一幕发生了:

此时UICollectionViewCell已经转成UITableViewCell(如果之前的collectionviewcell中有控件拉的有线,就要在改后的tableviewcell中断开一下,不然崩溃哦)。

那么UITableViewCell转UICollectionViewCell应该差不多,具体就不操作了,有需要的可以一试。

总结:这个其实只是雕虫小技罢了,有需要的同学可以试试,已经用过N遍的就莫吐槽小弟了,毕竟菜鸡一个,刚发现的东西还是有点小激动了。文中有什么错误随时吐槽,希望一同进步。

上一篇下一篇

猜你喜欢

热点阅读