更改 Xamarin Forms XAML 按钮的 isVisible 属性

Question

我正在尝试在 Xamarin Forms ContentPage 中动态 show/hide 按钮。我的 XAML 代码中有两个按钮：

<StackLayout Orientation="Vertical">

    <Button x:Name="start_btn" Clicked="startPanic">
        <Button.Text>START</Button.Text>
    </Button>

    <Button x:Name="stop_btn" IsVisible="false">
        <Button.Text>STOP</Button.Text>
    </Button>

</StackLayout>

对应的C#代码：

public partial class PanicPage : ContentPage
{
    private Button startBtn;
    private Button stopBtn;

    public PanicPage ()
    {
        InitializeComponent ();
        startBtn = this.FindByName<Button> ("start_btn");
        stopBtn = this.FindByName<Button> ("stop_btn");
    }

    private void startPanic(object sender, EventArgs args){
        Device.BeginInvokeOnMainThread (() => {
            startBtn.IsVisible = false;
            stopBtn.IsVisible = true; //  DOESN'T WORK, button still will be hidden
        });
    }
}

当我在 XAML 中设置 isVisible 属性时，它不会对事件方法 (startPanic) 中的任何属性更改做出反应。我该如何解决？

Answer 1

它应该工作得很好。我复制了你的代码并稍微清理了一下，它显示了停止按钮，然后我

几点说明：

尽可能使用短属性 <Button Text="X"/>，它是更容易阅读
当您添加一个 XAML 页面时，IDE 会在其旁边添加一个 .xaml.cs 文件并生成另一个您看不到的 .g.cs 文件。 .g.cs 文件包含生成的代码，用于查找所有 x:Name'd 元素和为它们定义占位符，无需自己通过名称找到它们
所有 UI 启动的事件都在 UI 线程上执行，无需显式执行

这是 XAML，与您的一样，只是收紧并添加了边距，以便按钮可见

<StackLayout Orientation="Vertical" Margin="20">
  <Button x:Name="start_btn" Clicked="startPanic" Text="START" />
  <Button x:Name="stop_btn" Text="STOP" IsVisible="false" />
</StackLayout>

以及后面的代码：

public partial class TestPage : ContentPage
{   
    public TestPage ()
    {
        InitializeComponent ();
    }

    private void startPanic(object sender, EventArgs args){
        Device.BeginInvokeOnMainThread (() => {
            start_btn.IsVisible = false;
            stop_btn.IsVisible = true;  
        });
    }
}

Answer 2

更改 xmal 文件中的代码并编写开始和停止按钮的属性

<Button x:Name="start_btn" Clicked="startPanic" IsVisible="{Binding IsStartVisible}">
    <Button.Text>START</Button.Text>
</Button>

<Button x:Name="stop_btn" IsVisible="{Binding IsStopVisible}">
    <Button.Text>STOP</Button.Text>
</Button>

在 ViewModel 中，为开始按钮编写以下属性和类似内容，并根据您的逻辑设置 IsStopVisible =true/false

   private bool _isStopVisible;

    public bool IsStopVisible{
        get {
            return _isStopVisible;
        }
        set {
            _isStopVisible= value;
            RaisePropertyChanged ("IsStopVisible");
        }
    }

Answer 3

使用视图的可见性属性。

例如，如果你想让你的按钮不可见，你可以这样做

if(condition)

    {

    button.Visibility=ViewStates.Invisible;

    }

    else

    {

    button.Visibility=ViewStates.Visible;

    }

Answer 4

也许我迟到了，但我也在搜索这个但没有成功。这可能对某人有用。

objectView.SetValue(IsVisibleProperty, false); // the view is GONE, not invisible
objectView.SetValue(IsVisibleProperty, true);

更改 Xamarin Forms XAML 按钮的 isVisible 属性

Changing isVisible property of Xamarin Forms XAML buttons

c#

xaml

xamarin.ios

xamarin

xamarin.forms