利用reviews PreviewWidget在Ubuntu Scope中显示评价等级

标签：

我们可以利用reviews PreviewWidget来对我们的结果进行显示评价。比如对点评来说，如果是５星的评价，我们可以显示５个星表示客户对商品最高认可。

参阅我们的API的连接，我们可以看到如下的代码：

{
    PreviewWidget w1("summary", "reviews");
    w1.add_attribute_value("rating-icon-empty", Variant("file:///tmp/star-empty.svg"));
    w1.add_attribute_value("rating-icon-full", Variant("file:///tmp/star-full.svg"));
    VariantBuilder builder;
    builder.add_tuple({
        {"author", Variant("John Doe")},
        {"rating", Variant(3)}
    });
    builder.add_tuple({
        {"author", Variant("Mr. Smith")},
        {"rating", Variant(5)}
    });
    w1.add_attribute_value("reviews", builder.end());
    ...
}

结合上面的代码，我们在我们自己的代码中使用如下的代码：

    PreviewWidget review("reviews", "reviews");
    VariantBuilder builder;
    builder.add_tuple({
                          {"author", Variant("John Doe")},
                          {"review", Variant("very good")},
                          {"rating", Variant(3.5)}
                      });
    builder.add_tuple({
                          {"author", Variant("Mr. Smith")},
                          {"review", Variant("very poor")},
                          {"rating", Variant(5)}
                      });
    review.add_attribute_value("reviews", builder.end());
    widgets.emplace_back(review);

运行我们的Scope，显示如下：

整个项目的源码在: git clone https://gitcafe.com/ubuntu/scopetemplates_review.git

利用reviews PreviewWidget在Ubuntu Scope中显示评价等级

标签：

原文地址：http://blog.csdn.net/ubuntutouch/article/details/46618127