mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
76 lines
3.2 KiB
XML
76 lines
3.2 KiB
XML
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
|
|
<Page.actionBar>
|
|
<ActionBar title="Switch" icon="" class="action-bar">
|
|
</ActionBar>
|
|
</Page.actionBar>
|
|
|
|
<GridLayout class="switch-demo-page">
|
|
<ScrollView>
|
|
<StackLayout ios:padding="20" visionos:padding="40">
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Default + Checked + Enabled" />
|
|
<Switch checked="true" col="1" />
|
|
</GridLayout>
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Default + UnChecked + Enabled" />
|
|
<Switch checked="false" col="1" />
|
|
</GridLayout>
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Default + Checked + Disabled" />
|
|
<Switch checked="true" isEnabled="false" col="1" />
|
|
</GridLayout>
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Default + UnChecked + Disabled" />
|
|
<Switch checked="false" isEnabled="false" col="1" />
|
|
</GridLayout>
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Custom + Checked + Enabled" />
|
|
<Switch class="custom-switch" checked="true" col="1" />
|
|
</GridLayout>
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Custom + UnChecked + Enabled" />
|
|
<Switch class="custom-switch" checked="false" col="1" />
|
|
</GridLayout>
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Custom + Checked + Disabled" />
|
|
<Switch class="custom-switch" checked="true" isEnabled="false" col="1" />
|
|
</GridLayout>
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Custom + UnChecked + Disabled" />
|
|
<Switch class="custom-switch" checked="false" isEnabled="false" col="1" />
|
|
</GridLayout>
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Custom + Checked + Enabled + offBgColor" />
|
|
<Switch class="custom-switch" checked="true" backgroundColor="blue" offBackgroundColor="red" col="1" />
|
|
</GridLayout>
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Custom + UnChecked + Enabled + offBgColor" />
|
|
<Switch class="custom-switch" checked="false" offBackgroundColor="red" col="1" />
|
|
</GridLayout>
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Custom + Checked + Disabled + offBgColor" />
|
|
<Switch class="custom-switch" checked="true" isEnabled="false" offBackgroundColor="red" col="1" />
|
|
</GridLayout>
|
|
|
|
|
|
<GridLayout columns="*, auto" marginTop="24">
|
|
<Label text="Custom + UnChecked + Disabled + offBgColor" />
|
|
<Switch class="custom-switch" checked="false" isEnabled="false" offBackgroundColor="red" col="1" />
|
|
</GridLayout>
|
|
|
|
</StackLayout>
|
|
</ScrollView>
|
|
</GridLayout>
|
|
</Page>
|