18｜ 无代码开发 ｜如何制作星星式评分

前言

很多网站、APP等的评价系统都有按星级评分的功能，大部分是5个星级，依次代表1~5分。用户只需要在某个星星上点击一下就可完成打分，操作难度低，也能让商家快速得到反馈。 对商家而言，得到用户反馈非常重要，它可以直接向你反馈产品的受众效果。而对用户而言，通过评论和评分可以直观地判定 App 的质量。众所周知，无论是买车、买电影票还是下载 App，他人反馈在用户购买决定中起着非同一般的作用。此外，如果某款产品评分达到了 4 星及以上的，更容易受到潜在用户的青睐。

功能

1、点击星星可以进行1～5星评分

2、伴随星星评分展示不同的文字评价

正在上传…重新上传取消转存失败重新上传取消

星星式评分

准备工作 右键点击以下图片并保存至本地。

 

第一步：摆组件

基于功能展示，我们发现五颗星星依次横向排列，每颗星星都有点亮和未点亮两种状态。 为了实现星星的横向排布，可以将星星放进横向列表中，还能通过横向列表的项数据记录每颗星星的位置；为了让每颗星星都可以在已点亮与未点亮的状态中切换，可以通过在列表项中放置条件式容器，并在条件式容器中添加“未点亮”、“已点亮”两种可选状况来实现。

​​​​​​​

完成组件搭建： 1. 显示总分&