StackLayout GestureRecognizers效应

Question

我想给StackLayout GestureRecognizers添加一些效果，这样用户就知道他们已经选择了按钮，但我看不出有什么方法可以做到这一点？我试图将BackgroundColor更改为StackLayout，但这是行不通的。

我是否可以更改BackgroundColor，或者是否可以使用长时间保持事件？

xaml码

  <StackLayout VerticalOptions="Center"
                                    x:Name="slpatient"
                                    Grid.Row="4"
                                    BackgroundColor="#8cb8e1"
                                    Orientation="Horizontal">
                            <StackLayout.GestureRecognizers>
                                <TapGestureRecognizer NumberOfTapsRequired="1" Tapped="Button_Clicked" />
                            </StackLayout.GestureRecognizers>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="10"/>
                                    <ColumnDefinition Width="50"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
                                <Image Source="user_34.png" 
                                   Grid.Column="1" 
                                   VerticalOptions="Center" />
                                <Label Text="Click me to change the BackgroundColor!"
                                   Grid.Column="2"
                                   TextColor="White"
                                   LineBreakMode="WordWrap"
                                   VerticalOptions="FillAndExpand"
                                   VerticalTextAlignment="Center"/>
                            </Grid>
                        </StackLayout>

cs码

    private void Button_Clicked_Clicked(object sender, System.EventArgs e)
            {
               slpatient.BackgroundColor = Color.Black;
var masterDetailPage = Application.Current.MainPage as MasterDetailPage;
            masterDetailPage.Detail = new NavigationPage((new SearchPage("DrugName")));
            }

Answer 1

更改颜色功能可能发生在非UI线程上。因此，您可以将它封装在Device.BeginInvokeOnMainThread中，以便在UI线程中调用它，如下所示：

Device.BeginInvokeOnMainThread(() =>
{
     slpatient.BackgroundColor = Color.Black;
});

要回答你的第二个问题，你也可以添加一个计时器：

private void Button_Clicked_Clicked(object sender, System.EventArgs e)
{
     slpatient.BackgroundColor = Color.Black;
     var masterDetailPage = Application.Current.MainPage as MasterDetailPage;
     Device.StartTimer(TimeSpan.FromSeconds(10), () =>
     {
           masterDetailPage.Detail = new NavigationPage((new SearchPage("DrugName")));
           return false; // True = Repeat again, False = Stop the timer
     });
}

Answer 2

我试图将BackgroundColor更改为StackLayout，但这是行不通的。

如果您想更改背景色，我建议您可以考虑使用Xameffects，您可以从nuget包中安装xameffect。改变TouchEffect.Color.

<ContentPage
x:Class="App4.Page21"
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:xe="clr-namespace:XamEffects;assembly=XamEffects">
<ContentPage.Content>
    <StackLayout
        xe:TouchEffect.Color="Red"
        HorizontalOptions="Center"
        VerticalOptions="Center">
        <Button
            x:Name="btn1"
            Clicked="Btn1_Clicked"
            HorizontalOptions="Center"
            Text="btn1"
            VerticalOptions="Center" />
    </StackLayout>
</ContentPage.Content>

​

更详细的信息，你可以看看：

https://github.com/mrxten/XamEffects

​

​