Question

我正在寻找一种在NativeScript中设置可点击图像的方法。我计划在彼此旁边设置5个图像，每当点击一个图像时，左边的图像应该改变它们的值。

我尝试了什么：

    <Label col="0" row="0" class="text-details segment-content" [text]="'RATING_AVG'|translate">
    </Label>
    <Label col="1" row="0" class="text-details segment-content">
        <GridLayout columns="*,*,*,*,*" rows="*">
            <Image src="~/pages/filmdetails/Stern-outline-10.jpg" col="0" row="0">
                <Button (onTap)="logTap()">
                </Button>
            </Image>
            <Image src="~/pages/filmdetails/Stern-outline-10.jpg" col="1" row="0">
                <Button (onTap)="logTap()">
                </Button>
            </Image>
            <Image src="~/pages/filmdetails/Stern-outline-10.jpg" col="2" row="0">
                <Button (onTap)="logTap()">
                </Button>
            </Image>
            <Image src="~/pages/filmdetails/Stern-outline-10.jpg" col="3" row="0">
                <Button (onTap)="logTap()">
                </Button>
            </Image>
            <Image src="~/pages/filmdetails/Stern-outline-10.jpg" col="4" row="0">
                <Button (onTap)="logTap()">
                </Button>
            </Image>
        </GridLayout>   
    </Label>

甚至没有显示图像。我做错了什么？

修改：更新格式

Answer 1

根据文档，您只需使用touch方法设置on("event", implementation)听众。

https://docs.nativescript.org/ui/gestures#touch

因此，您的图片在xml中将具有(tap)属性，或者您可以如上所述设置onTap事件。

Image不是复合视图（布局），因此它不应该包含一个按钮元素。

在NativeScript中创建可单击的图像

1 个答案: