NativeScript和D-pad导航

时间:2018-09-28 18:13:26

标签: android vue.js nativescript

如何使用本机Android方法(在“启用D-pad导航”部分中进行了描述,请参见https://developer.android.com/training/tv/start/navigation,例如nextFocusDown,nextFocusLeft等)?我在代码中使用了动态ID分配。

这里是一个例子:

<ListView class="list-group" for="(country,index) in countries" style="height:1250px">
<v-template>
    <FlexboxLayout flexDirection="row" class="list-group-item">
        <Image  :src="country.imageSrc" class="thumb img-circle" />
        <Button :id="'button'+index" @loaded="elementLoaded(index,$event)" text="Tap Me!" class="btn btn-primary btn-active" />
        <Label  :id="'label'+index" :text="index + country.name" style="color: red; width: 60%" />
    </FlexboxLayout>
</v-template>

export default {
    data() {
        return {
            countries: [
                {
                    name: "Australia",
                    imageSrc:
                    "https://play.nativescript.org/dist/assets/img/flags/au.png"
                },
                {
                    name: "Belgium",
                    imageSrc:
                    "https://play.nativescript.org/dist/assets/img/flags/be.png"
                }
            ]
        }
    },
    methods: {
        elementLoaded(index,args) {
            args.object.nextFocusDown("button"+(index+1))
            // How can I set native Android id to this element (like a Button) with help of NativeScript?
            // Also I need to set native Android attribute like "NextFocusDown" to this element (like a Button).
        },
    }
}

1 个答案:

答案 0 :(得分:0)

您始终可以通过访问native view属性来访问native元素。

// nativeView will be the native iOS / Android button and you are free to access any of it's native methods 
args.object.nativeView 
相关问题