文章有三个图，一个图，或者无图的不同展示方式，有什...

alex6168

请问一下，类似今日头条这样，文章有三个图，一个图，或者无图的不同展示方式，有什么方式可以实现？

牛刀服务-YZH

您显示图片用的是附件组件吗?一般来讲可以这样实现
1.获取到动态列表中每行中图片的数量,以这个图片数量为准,设置页面上组件的动态隐藏功能
2.数量等于0时或者大于1的时候布局是一样的所以不用做处理(0的时候图片本来就不显示)
3.从截图看只有等于1的时候布局会改变,所以动态列表里布局的时候就在右边多放一个附件(可以用行列分开来,左边列放原本的东西,右边列里放附件组件)
给右边列先设置"是否可见"属性为none,然后设置动态隐藏,条件为当前行图片数等于1时显示,这样原本右边是不显示的,只有图片数量为1张时,才会出来
左边的附件上也是一样的设置,不过反过来,当当前行图片数量为1时隐藏

思路大致就是这样,获取当前行附件的方法明天截图贴帖子下方

alex6168

您好，感谢您的回复。

我的图片不是通过附件实现的，而是每一个新闻信息有三个图片，制作新闻的时候，可以上传一个图片，也可以上传三个图片。

另外，新闻信息的数据库也定义了新闻的显示模式，

比如，0代表没有图片的显示模式，即只有标题，如下图。



1表示右边标题，左边小图的显示模式，如下图。


2表示上面标题，下面大图的显示模式，如下图。


3表示上面标题，下面三个小图的显示模式，如下图。



目前，我是通过在动态列表制作4个视图分别读取同一条新闻信息，当然，这就会出现一条新闻按4个不同的显示模式出现。根据数据库中这条新闻的显示模式，隐藏了其余不需要的3个视图。

但这样一条新闻4个视图的解决方案并不会，代码量大，效率低。


请问有好的解决方法吗？

牛刀服务-YZH

按您上面这个方法实现的话大改是不太好了毕竟字段都已经定好了,需要优化的话可以这样
把原来的4个视图中不同的东西都放到一个视图中,除了共同会显示的标题和底部文字,视图内其他组件是否可见属性全部设置为none,默认不显示(不是去隐藏整个视图,而是隐藏/显示单个组件)
然后根据您那个显示模式字段,给对应的组件设置显示(动态隐藏属性或者动态样式都可以)
也就是一开始全部隐藏相当于0的情况了
然后1模式的时候哪个出来,2模式的时候哪个出来,
相对于你一行放4个视图,这样的布局避免了相同的东西重复添加,而且因为开始就都是隐藏的,所以制作页也会干净很多(此外一开始是隐藏还是显示是对运行效果有影响的,一开始默认显示的话,页面加载时会出来一堆东西,然后加载完毕才会隐藏掉,效果非常不好,所以建议一开始就默认隐藏,加载完在显示)

alex6168

谢谢回复

我会按照这个方法试试，迟点给您反馈。

另外，这样的动态显示方式，能否用画代码的方式处理呢？

牛刀服务-YZH

小程序制作环境中的话是不行的,小程序的代码不能直接操作展现元素（例如input, text等页面组件),
只能通过修改data中的数据，通过数据绑定修改来展现元素。

alex6168

牛刀服务-YZH 发表于 2019-4-17 11:01
按您上面这个方法实现的话大改是不太好了毕竟字段都已经定好了,需要优化的话可以这样
把原来的4个视图中不 ...

按照您的方式，实现了我所需要的效果了

谢谢您的解答。

问题已经解决，可以结贴了。