RelativeLayout页面中的事件与xamarin表单顶部的第一个事件不起作用
我有一个带有输入字段和按钮的relativeLayout页面,但是,输入字段和按钮都不可单击,而如果我使用stacklayout,它可以工作 例如:我有一个relativeLayout页面分为两部分。预计顶部将占据页面的大部分,而另一部分将固定在底部。但是,第一部分的所有输入字段(包括按钮和开关)都不起作用,即它们不响应单击或聚焦。 下面是我所拥有的代码片段RelativeLayout页面中的事件与xamarin表单顶部的第一个事件不起作用,xamarin,xamarin.forms,Xamarin,Xamarin.forms,我有一个带有输入字段和按钮的relativeLayout页面,但是,输入字段和按钮都不可单击,而如果我使用stacklayout,它可以工作 例如:我有一个relativeLayout页面分为两部分。预计顶部将占据页面的大部分,而另一部分将固定在底部。但是,第一部分的所有输入字段(包括按钮和开关)都不起作用,即它们不响应单击或聚焦。 下面是我所拥有的代码片段 <RelativeLayout Margin="10" x:Name="fourthScreen&qu
<RelativeLayout Margin="10" x:Name="fourthScreen" IsVisible="False">
<StackLayout Orientation="Vertical" VerticalOptions="Fill" RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.25}">
<StackLayout Margin="15">
<pv:PancakeView CornerRadius="10,10,0,0" BackgroundColor="{StaticResource Primary}" Opacity="0.85">
<Label Text="Transaction Summary" TextColor="White" FontSize="Medium" Margin="10"/>
</pv:PancakeView>
<pv:PancakeView CornerRadius="0,0,10,10" Margin="0,-5,0,0" BackgroundColor="White">
<StackLayout Orientation="Vertical" HorizontalOptions="Fill">
<StackLayout>
<StackLayout Orientation="Horizontal" Margin="10,5,5,5">
<Label Text="Amount: " TextColor="{StaticResource Primary}" VerticalOptions="Center" FontSize="Small"/>
<Label Text="NGN 1,000" Margin="3,0,0,0" TextColor="#4CC98D" VerticalOptions="Center" FontAttributes="Bold" FontSize="Title"/>
</StackLayout>
<StackLayout Margin="5,0,5,3" Grid.Column="0" HorizontalOptions="FillAndExpand">
<BoxView BackgroundColor="#E2E0ED" HeightRequest="1"
HorizontalOptions="FillAndExpand" Color="#E2E0ED"/>
</StackLayout>
</StackLayout>
<StackLayout>
<StackLayout Orientation="Horizontal" Margin="10,5,5,5">
<Label Text="From: " TextColor="{StaticResource Primary}" VerticalOptions="Center" FontSize="Small"/>
<StackLayout Orientation="Vertical" Margin="15,0,0,0">
<Label Text="Savings Account" Margin="3,0,0,0" TextColor="{StaticResource Primary}"
VerticalOptions="Center" FontSize="Small"/>
<Label Text="2153487963" Margin="3,0,0,0" TextColor="{StaticResource Primary}"
VerticalOptions="Center" FontSize="Small"/>
</StackLayout>
</StackLayout>
<StackLayout Margin="5,0,5,3" Grid.Column="0" HorizontalOptions="FillAndExpand">
<BoxView BackgroundColor="#E2E0ED" HeightRequest="1"
HorizontalOptions="FillAndExpand" Color="#E2E0ED"/>
</StackLayout>
</StackLayout>
<StackLayout>
<StackLayout Orientation="Horizontal" Margin="10,5,5,5">
<Label Text="Plan: " TextColor="{StaticResource Primary}" VerticalOptions="Center" FontSize="Small"/>
<Label Text="Dstv compact" HorizontalOptions="Center" Margin="15,0,0,0" TextColor="{StaticResource Primary}"
VerticalOptions="Center" FontSize="Small"/>
</StackLayout>
<StackLayout Margin="5,0,5,3" Grid.Column="0" HorizontalOptions="FillAndExpand">
<BoxView BackgroundColor="#E2E0ED" HeightRequest="1"
HorizontalOptions="FillAndExpand" Color="#E2E0ED"/>
</StackLayout>
</StackLayout>
<StackLayout>
<StackLayout Orientation="Horizontal" Margin="10,5,5,5">
<StackLayout Orientation="Vertical">
<Label Text="Card" LineBreakMode="WordWrap" TextColor="{StaticResource Primary}" VerticalOptions="Center" FontSize="Small"/>
<Label Text="Number: " LineBreakMode="WordWrap" TextColor="{StaticResource Primary}" VerticalOptions="Center" FontSize="Subtitle"/>
</StackLayout>
<Label Text="212546872135" HorizontalOptions="Center" Margin="10,0,0,0" TextColor="{StaticResource Primary}"
LineBreakMode="WordWrap" VerticalOptions="Center" FontSize="Small"/>
</StackLayout>
<StackLayout Margin="5,0,5,3" Grid.Column="0" HorizontalOptions="FillAndExpand">
<BoxView BackgroundColor="#E2E0ED" HeightRequest="1"
HorizontalOptions="FillAndExpand" Color="#E2E0ED"/>
</StackLayout>
</StackLayout>
<StackLayout>
<StackLayout Orientation="Horizontal" Margin="10,5,5,5">
<StackLayout Orientation="Vertical">
<Label Text="Phone" LineBreakMode="WordWrap" TextColor="{StaticResource Primary}" VerticalOptions="Center" FontSize="Small"/>
<Label Text="Number: " LineBreakMode="WordWrap" TextColor="{StaticResource Primary}" VerticalOptions="Center" FontSize="Subtitle"/>
</StackLayout>
<Label Text="08124578365" HorizontalOptions="Center" Margin="10,0,0,0" TextColor="{StaticResource Primary}"
LineBreakMode="WordWrap" VerticalOptions="Center" FontSize="Small"/>
</StackLayout>
<StackLayout Margin="5,0,5,3" Grid.Column="0" HorizontalOptions="FillAndExpand">
<BoxView BackgroundColor="#E2E0ED" HeightRequest="1"
HorizontalOptions="FillAndExpand" Color="#E2E0ED"/>
</StackLayout>
</StackLayout>
</StackLayout>
</pv:PancakeView>
<StackLayout Orientation="Vertical">
<StackLayout Margin="5,2,5,2" HorizontalOptions="Start">
<Label Text="Pin" TextColor="{StaticResource Primary}" FontSize="Subtitle"/>
<Frame BackgroundColor="#E3E3E3" Style="{StaticResource FrameStyle}" BorderColor="Transparent"
Margin="0,0,0,10" HorizontalOptions="Fill" HeightRequest="50" HasShadow="True">
<Controls:CustomEntry x:Name="pinInput" Grid.Column="1" PlaceholderColor="WhiteSmoke" Placeholder=""
Keyboard="Default" Style="{StaticResource EntryStyle}"></Controls:CustomEntry>
</Frame>
</StackLayout>
<StackLayout HorizontalOptions="CenterAndExpand">
<Button BackgroundColor="#4CC98D" Text="Transfer" WidthRequest="120" CornerRadius="24" HeightRequest="45" Padding="5"/>
</StackLayout>
</StackLayout>
</StackLayout>
</StackLayout>
<StackLayout Margin="10,10,10,15" VerticalOptions="End" RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.90}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.1}">
<StackLayout Orientation="Horizontal" HorizontalOptions="Center">
<StackLayout>
<Image Source="checkBoxUn.png" HorizontalOptions="Center" Aspect="AspectFit" HeightRequest="20"/>
</StackLayout>
<StackLayout>
<Image Source="checkBoxUn.png" HorizontalOptions="Center" Aspect="AspectFit" HeightRequest="20"/>
</StackLayout>
<StackLayout>
<Image Source="checkBoxUn.png" HorizontalOptions="Center" Aspect="AspectFit" HeightRequest="20"/>
</StackLayout>
<StackLayout>
<Image Source="checkBoxFill.png" HorizontalOptions="Center" Aspect="AspectFit" HeightRequest="20"/>
</StackLayout>
</StackLayout>
</StackLayout>
</RelativeLayout>
从共享代码中,我无法再现所有现象。但是,对于无法键入的
条目
,我可能会出现同样的问题
这个问题很可能是因为按钮或约束重叠了,它们完全脱离了xaml的相对布局
RelativeLayout的根StackLayout的定义高度太小
<RelativeLayout Margin="10"
x:Name="fourthScreen">
<StackLayout Orientation="Vertical"
VerticalOptions="Fill"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.25}">
...
</RelativeLayout>
如果需要使所有控件都是交互式的,则需要设置rootStackLayout的
Height
是否安装了HeightHi,您的意思是共享代码不能触发单击事件吗?是的。我甚至不能点击条目来键入内容,也不能点击按钮。好像有什么东西就在它上面,但却看不见。非常感谢。这对我有用。此外,当我删除HeightConstraint时,它也可以正常工作。
<RelativeLayout Margin="10"
x:Name="fourthScreen">
<StackLayout Orientation="Vertical"
VerticalOptions="Fill"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}">
...
</RelativeLayout>