如何解决RelativeLayout页面中的事件无法与xamarin表单中顶部的第一个事件分开工作
我有一个带有输入字段和按钮的relativeLayout页面,但是,输入字段和按钮都无法单击,而如果我使用stacklayout,它就可以工作。
例如:我有一个分为两个的relativeLayout页面。顶部预计将占据页面的大部分,而其他部分则将保持固定在底部。但是,第一部分的所有输入字段(包括按钮和开关)均不起作用,即它们不响应单击或焦点。 这是我所拥有的代码片段。
<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" BackgroundColor="{StaticResource Primary}" Opacity="0.85">
<Label Text="Transaction Summary" TextColor="White" FontSize="Medium" Margin="10"/>
</pv:PancakeView>
<pv:PancakeView CornerRadius="0,10" Margin="0,-5,0" BackgroundColor="White">
<StackLayout Orientation="Vertical" HorizontalOptions="Fill">
<StackLayout>
<StackLayout Orientation="Horizontal" Margin="10,5,5">
<Label Text="Amount: " TextColor="{StaticResource Primary}" VerticalOptions="Center" FontSize="Small"/>
<Label Text="NGN 1,000" Margin="3,0" TextColor="#4CC98D" VerticalOptions="Center" FontAttributes="Bold" FontSize="Title"/>
</StackLayout>
<StackLayout Margin="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">
<Label Text="From: " TextColor="{StaticResource Primary}" VerticalOptions="Center" FontSize="Small"/>
<StackLayout Orientation="Vertical" Margin="15,0">
<Label Text="Savings Account" Margin="3,0" TextColor="{StaticResource Primary}"
VerticalOptions="Center" FontSize="Small"/>
<Label Text="2153487963" Margin="3,0" TextColor="{StaticResource Primary}"
VerticalOptions="Center" FontSize="Small"/>
</StackLayout>
</StackLayout>
<StackLayout Margin="5,5">
<Label Text="Plan: " TextColor="{StaticResource Primary}" VerticalOptions="Center" FontSize="Small"/>
<Label Text="Dstv compact" HorizontalOptions="Center" Margin="15,0" TextColor="{StaticResource Primary}"
VerticalOptions="Center" FontSize="Small"/>
</StackLayout>
<StackLayout Margin="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" TextColor="{StaticResource Primary}"
LineBreakMode="WordWrap" VerticalOptions="Center" FontSize="Small"/>
</StackLayout>
<StackLayout Margin="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,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,2" HorizontalOptions="Start">
<Label Text="Pin" TextColor="{StaticResource Primary}" FontSize="Subtitle"/>
<Frame BackgroundColor="#E3E3E3" Style="{StaticResource FrameStyle}" BorderColor="Transparent"
Margin="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,15" VerticalOptions="End" RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent,Factor=1}"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent,Factor=0.90}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent,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>
解决方法
从共享代码中,我无法再现所有表现。但是,Entry
可能会出现相同的问题,无法输入。
这个问题可能是因为某些东西重叠在您的按钮上或您的约束使它们完全不在xaml的相对布局之内。
RelativeLayout 的根 StackLayout 定义的 Height 太小。
<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>
您将看到 StackLayout 的Height
是ParentView的0.25
。然而
内容视图的Height
太大。如果将其修改为1
,则该条目可以是交互式的。
如下:
<RelativeLayout Margin="10"
x:Name="fourthScreen">
<StackLayout Orientation="Vertical"
VerticalOptions="Fill"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent,Factor=1}">
...
</RelativeLayout>
如果需要使所有控件具有交互性,则需要将根 StackLayout 的Height
设置为适合的Height
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。