Xamarin Forms Switch 切换块 ui

Question

我目前正在尝试实现两个链接的 Switch 元素。 当一个被切换时，另一个被取消切换。

但是当我的事件被触发时，点击的Switch不完成被切换。

XAML：

<StackLayout Orientation="Horizontal" HorizontalOptions="CenterAndExpand">
                    <Switch x:Name="WomanGenderSwitch" IsToggled="true"  Toggled="HandleWomanToggled" Scale="0.5">
                    </Switch>
                    <Label FontSize="12" x:Name="WomanSwitchLabel" TextColor="#ddd" VerticalTextAlignment="Center">
                    </Label>
                    <Switch x:Name="ManGenderSwitch" Toggled="HandleManToggled" Scale="0.5">
                    </Switch>
                    <Label FontSize="12" x:Name="ManSwicthLabel" TextColor="#ddd" VerticalTextAlignment="Center">
                    </Label>
                </StackLayout>

后面的代码：

void HandleManToggled(object sender, Xamarin.Forms.ToggledEventArgs e)
        {
            var s = sender as Switch;
            if (s.IsToggled)
                WomanGenderSwitch.IsToggled = false;
            else
                WomanGenderSwitch.IsToggled = false;
        }



  void HandleWomanToggled(object sender, Xamarin.Forms.ToggledEventArgs e)
    {
        var s = sender as Switch;
        if (s.IsToggled)
            ManGenderSwitch.IsToggled = false;
        else
            ManGenderSwitch.IsToggled = false;
    }

Answer 1

您可以为两个 Switch 重复使用相同的处理程序，并且由于切换另一个 Switch 将导致其处理程序被调用，您需要禁用它，否则您最终会得到 非结束事件涟漪 ：

XAML：

<StackLayout Orientation="Horizontal" HorizontalOptions="CenterAndExpand">
    <Switch x:Name="WomanGenderSwitch" IsToggled="true"  Toggled="HandleToggled" Scale="0.5" />
    <Label FontSize="12" x:Name="WomanSwitchLabel" TextColor="#ddd" VerticalTextAlignment="Center" />
    <Switch x:Name="ManGenderSwitch" Toggled="HandleToggled" Scale="0.5" />
    <Label FontSize="12" x:Name="ManSwicthLabel" TextColor="#ddd" VerticalTextAlignment="Center" />
</StackLayout>

删除/重新添加处理程序以中断事件链：

void HandleToggled(object sender, Xamarin.Forms.ToggledEventArgs e)
{
    var aSwitch = ((sender == WomanGenderSwitch) ? ManGenderSwitch : WomanGenderSwitch);
    aSwitch.Toggled -= HandleToggled;
    aSwitch.IsToggled = !aSwitch.IsToggled;
    aSwitch.Toggled += HandleToggled;
}

或者使用标志来打破事件链：

bool busy;
void HandleToggled(object sender, Xamarin.Forms.ToggledEventArgs e)
{
    if (busy == true) return;
    busy = true;
    var aSwitch = ((sender == WomanGenderSwitch) ? ManGenderSwitch : WomanGenderSwitch);
    aSwitch.IsToggled = !aSwitch.IsToggled;
    busy = false;
}

Answer 2

正如 Parsa 所说，无论 IsToggled 是什么，您的代码都会做同样的事情。

试试这样的：

void HandleManToggled(object sender, Xamarin.Forms.ToggledEventArgs e)
        {
            var s = sender as Switch;
            if (s !=  null)
            {
                WomanGenderSwitch.IsToggled = s.IsToggled == false;
            }
        }



  void HandleWomanToggled(object sender, Xamarin.Forms.ToggledEventArgs e)
    {
        var s = sender as Switch;
        if (s !=  null)
        {
            ManGenderSwitch.IsToggled = s.IsToggled == false;
        }
    }