美文网首页
xib中UICollectionViewCell转UITable

xib中UICollectionViewCell转UITable

作者: 扛支枪 | 来源:发表于2017-07-25 15:12 被阅读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遍的就莫吐槽小弟了,毕竟菜鸡一个,刚发现的东西还是有点小激动了。文中有什么错误随时吐槽,希望一同进步。

    相关文章

      网友评论

          本文标题:xib中UICollectionViewCell转UITable

          本文链接:https://www.haomeiwen.com/subject/dabwkxtx.html