帶有按鈕的Xamarin網格無法點擊

大家下午好

這里有一個有趣的問題，我在一個網格中有 4 個按鈕，它們都可以作業......有點......頂部的兩個按鈕作業沒有問題但是底部的兩個你只能點擊按鈕的上半部分，否則它會不注冊動作。

下面是我正在使用的 Xaml 代碼......希望這會有所幫助......到目前為止我讀過的所有內容似乎都不起作用，所以我只能假設我錯過了一些非常簡單的東西。

         <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         x:Class="HomemasterMobileApplication.Views.HomePage"
         Title="" 
         
         BackgroundImageSource = "HousingBackground2">

<ContentView >
    
    <ScrollView>
    <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="25"/>
        <RowDefinition Height="100"/>
        <RowDefinition Height="15"/>
        <RowDefinition Height="260"/>
    </Grid.RowDefinitions>
        <StackLayout Grid.Row="1" />
            <StackLayout Grid.Row="1" Orientation="Horizontal" HorizontalOptions="Center" Padding="0,0,0,0" VerticalOptions="Center" Opacity="0.8" BackgroundColor="#002D485D" >
                <ContentView>
                    <ImageButton Source="HomeMasterLogo.png" HeightRequest="100" CornerRadius="25"/>
                </ContentView>
            </StackLayout>
           
        <StackLayout Grid.Row="3" Orientation="Horizontal" Padding="0,15,0,0" Spacing="5" HorizontalOptions="Center">
                <Grid>
                        <Grid.ColumnDefinitions >
                            <!--0--><ColumnDefinition Width="10*"/>
                            <!--1--><ColumnDefinition Width="40*"/>
                            <!--2--><ColumnDefinition Width="10*"/>
                            <!--3--><ColumnDefinition Width="40*"/>
                            <!--4--><ColumnDefinition Width="10*"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <!--0--><RowDefinition Height="10"/>
                            <!--1--><RowDefinition Height="125"/>
                            <!--2--><RowDefinition Height="40"/>
                            <!--3--><RowDefinition Height="125"/>
                        </Grid.RowDefinitions>
                            
                    <Button ImageSource="homeuser24px"
                            BackgroundColor="#00AAA9"
                            BorderColor="White"
                            Opacity="1"
                            Text="Your Account"
                            TextTransform="Default"
                            BorderWidth="2"
                            CornerRadius="100"
                            TextColor="White"
                            FontSize="14"
                            Clicked="OnAccountClick"
                            Grid.Row="1" Grid.Column="1"
                    />
                    <Button ImageSource="toolsadd24px"
                            BackgroundColor="#00AAA9"
                            BorderColor="White"
                            Opacity="1"
                            Text="Log a Repair"
                            TextTransform="Default"
                            BorderWidth="2"
                            CornerRadius="100"
                            TextColor="White"
                            FontSize="14"
                            Clicked="OnRepairRequestClick"
                            Grid.Row="1" Grid.Column="3"
                    />
                    <Button ImageSource="toolsinfo24px"
                            BackgroundColor="#00AAA9"
                            BorderColor="White"
                            TextTransform="Default"
                            Opacity="1"
                            BorderWidth="2"
                            CornerRadius="100"
                            TextColor="White"
                            Text="Track a Repair"
                            FontSize="14"
                            Clicked="OnCheckRepairsClick"
                            Grid.Row="3" Grid.Column="1"
                    />
                    <Button 
                        Clicked="OnPersonalDetailsClick"
                        ImageSource="userinfo24px"
                        BackgroundColor="#00AAA9"
                        BorderColor="White"
                        TextTransform="Default"
                        Opacity="1"
                        BorderWidth="2"
                        CornerRadius="100"
                        TextColor="White"
                        Text="My Details"
                        FontSize="14"
                        Grid.Row="3" Grid.Column="3"
                        
                    />
                </Grid>
        </StackLayout>
    </Grid>
</ScrollView>
</ContentView>

uj5u.com熱心網友回復：

您需要使用網格內的 DN 功能來調整網格高度。

uj5u.com熱心網友回復：

首先，在最外層定義網格。問題在于Grid.Row="3"。

然后，創建另外的表格中Grid.Row="3"，但Grid.Row的你在外部電網定義高度=“3”是260.Your內部視圖高度超過它。因此，視圖將被覆寫。

一般情況下，只需要增加外部Grid的高度即可。

<ScrollView>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="25"/>
            <RowDefinition Height="100"/>
            <RowDefinition Height="15"/>
            <RowDefinition Height="400"/>
            <!--Change the bottom height to 400-->
    </Grid.RowDefinitions>
    ....
</ScrollView>

標籤：沙马林 按钮 网格

上一篇：Xamarin.Forms：檢測BindableLayout中的最后一項

下一篇：具有一組增量的不規則數字串列示例