Question

我正在尝试在Xamarin Forms ContentPage中动态显示/隐藏按钮。我的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

更改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 2

它应该工作得很好。我复制了你的代码并将其清理了一下，它显示了STOP按钮，然后是

一些评论：

尽可能使用短的属性<Button Text="X"/>，它更容易阅读
当您添加XAML页面时，IDE会在其旁边添加.xaml.cs文件，并生成您不会看到的另一个.g.cs。 .g.cs文件包含生成的代码，用于查找所有x：Name＆＃39; 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 3

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

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

Answer 4

使用视图的Visibility属性。

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

if(condition)

    {

    button.Visibility=ViewStates.Invisible;

    }

    else

    {

    button.Visibility=ViewStates.Visible;

    }

更改Xamarin Forms XAML按钮的isVisible属性

4 个答案: