Xamarin Forms Hide a Button on iOS and Show it on

2019-02-14 21:17发布

问题:

How to hide a button, a label or a grid cell on iOS and show it on android, I have a xamarin.forms app (portable), I know that I have to use on platform but how to access the visibility of the controls.

Thanks

回答1:

// IOS, Android, WP
SomeButton.IsVisible = Device.OnPlatform<bool>(false, true, true);

Or

if (Device.OS == TargetPlatform.Android)
{
    SomeButton.IsVisible = true;
}
else
...


回答2:

If you want to do it on XAML, in order to hide a view on a specific platform, you can use this:

  <Button>
      <Button.IsVisible>
        <OnPlatform x:TypeArguments="x:Boolean"
                      iOS="false"
                      Android="true"/>
      </Button.IsVisible>
    </Button>

Hope it helps!



回答3:

Like mindOfAi mentioned you can do this in XAML like this:

<Button>
    <Button.IsVisible>
        <OnPlatform x:TypeArguments="x:Boolean"
                      iOS="false"
                      Android="true"/>
    </Button.IsVisible>
</Button>

In code you can use the Device.OnPlatform or check the Device.OS property.

That would look like:

// ... Other code here
Device.OnPlatform(iOS: () => { myButton.IsVisible = false; });

// Or do this:
if (Device.OS == TargetPlatform.iOS)
    myButton.IsVisible = false;

// ... Other code here


回答4:

All of these answers seem to involve creating the control whether or not you actually need it and then setting IsVisible to false on the platforms you don't want it on. A better solution IMO is to only create the control in the first place if you do in fact need it. A first step would be to wrap it in a content view:

<ContentView>
    <OnPlatform x:TypeArguments="View">
        <OnPlatform.Android>
            <Button Text="Something" ...etc... />
        </OnPlatform.Android>
    </OnPlatform>
</ContentView>

That's better, but it still creates a superfluous ContentView. Take it one step further and use OnPlatform to declare a ControlTemplate and you'll achieve the most optimal implementation across all platforms.



回答5:

From Xamarin.Forms version 2.5.x this is done as per code below. Using a basic button as an example.

<Button Text="NFC Pairing" Command="{Binding YourVmCommand}">
    <Button.IsVisible>
        <OnPlatform x:TypeArguments="x:Boolean">
            <On Platform="iOS">true</On>
            <On Platform="Android">false</On>
        </OnPlatform>
    </Button.IsVisible>
</Button>

Nigel