XamarinTapGestureRecognizer在后臺點擊時觸發點擊事件

我遇到了TapGestureRecognizer 的一些奇怪行為。我有一些簡單的 Xamarin 頁面，如下所示

<StackLayout>
    <Path
        ClassId="BottomCone"
        Fill="{AppThemeBinding Dark=#333333, Light=#444444}"
        Data="{x:Static local:MainPage.BottomConeGeometry}"
        BackgroundColor="Red"
                
    >
        <Path.GestureRecognizers>
            <TapGestureRecognizer Tapped="BottomConeTapped" />
        </Path.GestureRecognizers>
    </Path>
</StackLayout>

雖然它實際上只是一些簡單的封閉形狀，被Path元素淹沒，我有一些點擊事件的處理程式。問題是每次單擊路徑或其背景時都會觸發事件。當點擊發生在路徑的背景中時，是否可以不觸發點擊事件？并觸發事件，以防點擊事件發生在 Path 元素內。

uj5u.com熱心網友回復：

所以形狀有重疊的“邊界”（每個形狀周圍的矩形）。

一種技術是擁有一組近似于每個形狀的矩形。這個概念是自己制作形狀InputTransparent，并有一組重疊的不可見的盒子來捕捉觸摸。

OverlappingShapeButtonsPage.xaml：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="XFSOAnswers.OverlappingShapeButtonsPage">
    <ContentPage.Resources>
        <Style TargetType="BoxView">
            <!-- Uncomment, to see where OnTapped1 boxes are. -->
            <!--<Setter Property="BackgroundColor" Value="Red"/>-->
        </Style>
    </ContentPage.Resources>
    <ContentPage.Content>
        <Grid>

            <AbsoluteLayout InputTransparent="True">
                <Polygon Points="0,0 80,0 0,60" Fill="Green" />
                <Polygon Points="80,0 80,60 0,60" Fill="Pink" />
            </AbsoluteLayout>

            <Grid RowDefinitions="20,20,20" ColumnDefinitions="20,20,20,20"
                  RowSpacing="0" ColumnSpacing="0">
                <Grid.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapped2" />
                </Grid.GestureRecognizers>
                <BoxView Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3">
                    <BoxView.GestureRecognizers>
                        <TapGestureRecognizer Tapped="OnTapped1" />
                    </BoxView.GestureRecognizers>
                </BoxView>
                <BoxView Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2">
                    <BoxView.GestureRecognizers>
                        <TapGestureRecognizer Tapped="OnTapped1" />
                    </BoxView.GestureRecognizers>
                </BoxView>
                <BoxView Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="1">
                    <BoxView.GestureRecognizers>
                        <TapGestureRecognizer Tapped="OnTapped1" />
                    </BoxView.GestureRecognizers>
                </BoxView>
            </Grid>

        </Grid>
    </ContentPage.Content>
</ContentPage>

OverlappingShapeButtonsPage.xaml.cs：

using System;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;

namespace XFSOAnswers
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class OverlappingShapeButtonsPage : ContentPage
    {
        public OverlappingShapeButtonsPage()
        {
            InitializeComponent();
        }

        /// <summary>
        /// This is called when any of the BoxViews are touched.
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        public void OnTapped1(object sender, EventArgs e)
        {

        }

        /// <summary>
        /// This is called when the grid is touched anywhere that is not inside one of the BoxViews.
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        public void OnTapped2(object sender, EventArgs e)
        {

        }
    }
}

用戶看到的內容：

紅色顯示 OnTapped1 的框，近似于綠色三角形：

這作業得相當好，因為用戶傾向于觸摸他們感興趣的形狀的中心附近。

你可以通過簡單的 (x,y) 數學計算來優化這個，近似兩個形狀之間的邊緣。

一般來說，請確保您不會期望用戶觸摸的精確度不切實際。首先，這意味著觸摸區域不應該太小（在一個小區域中超過一個）。

考慮這些（或類似的）指南：移動觸控的最佳尺寸和間距。

標籤：

上一篇：如何將存盤在我的應用程式resources.raw目錄中的PDF提取到作業設備

下一篇：為分段的RadioGroup設定樣式