установить прозрачный фон на родном скрипте Android?

Я хочу добиться такой прозрачности в моем представлении, которое отображается в представлении предупреждений

Я хочу добиться такой прозрачности в своем пользовательском представлении, которое отображается в представлении предупреждений для приложения Android. Спасибо


nativescript android angular angular2-nativescript
person Dlucidone    schedule 05.12.2016    source источник

Ответы (2)


arrow_upward
0
arrow_downward

@Dlucidone Я решил эту проблему с помощью пользовательского наложения из css.

<GridLayout>
    <StackLayout>
        // All your page content goes here! 
    </StackLayout>
    <StackLayout class="dimmer" visibility="{{showLoading ? 'visible' : 'collapsed'}}"/>
    <GridLayout rows="*" visibility="{{showLoading ? 'visible' : 'collapsed'}}">
        <ActivityIndicator busy="true" />
    </GridLayout>
</GridLayout>

Установите класс диммера на прозрачный фон css, с шириной и высотой до 100%

Информация о том, как использовать видимые и свернутые https://www.tjvantoll.com/2015/06/05/nativescript-showing-and-hiding-elements/

Кстати, есть проблема с андроидом при настройке isUserInteractionEnabled https://github.com/NativeScript/NativeScript/issues/3215

person Madhu    schedule 05.12.2016
comment
Спасибо за ответ!. то, что я хочу, это тень над базовым видом и пользовательский вид над ним. Базовый слой должен быть виден, как вы можете видеть на картинке выше, такая же реализация. - person Dlucidone; 05.12.2016
comment
@dlucidne npmjs.com/package/nativescript-dialog Плагин! надеюсь, что это работает :) - person Madhu; 08.12.2016

arrow_upward
0
arrow_downward

Если вам нужно это, чтобы показать индикатор активности в виде наложения с затемненным фоном, вы можете использовать это: https://github.com/nstudio/nativescript-loading-indicator

import {LoadingIndicator} from '@nstudio/nativescript-loading-indicator'
const loader = new LoadingIndicator()
loader.show({dimBackground: true})
loader.hide()
person sunwarri0r    schedule 08.06.2020