首页 > 解决方案 > 尽管有限制,但搜索栏和按钮在横向视图中放置不当

问题描述

我正在尝试向我的按钮和搜索栏元素添加约束,它们在包括 ipad 在内的多个平台上的纵向模式下工作正常,但是一旦我更改为横向视图,所有的刹车和约束都只会在 Iphone 上显示冲突。有趣的是,Ipad 上的横向模式完全没问题,并且可以按我想象的那样工作。我是新手,正在学习,所以可能忽略了一些东西,有没有人知道为什么会出现这种奇怪的行为?

项目没有花哨的结构,只是在 Visual Studio 上拉出一个默认的单页模板,然后放下一个按钮和 SearchBar。

在下面添加我正在处理的情节提要的 gif:

在此处输入图像描述

标签: visual-studioxamarinxamarin.iosstoryboard

解决方案


原因:

我们iPhone 8举个例子:

iPhone 8 的尺寸为375 × 667. 在您的情况下,在 Portrait 模式下,您将按钮垂直间距设置为 top equals 200。并且您将按钮垂直间距设置为底部等于200。没关系,因为按钮仍然有足够的空间(按钮的高度是667-200-200 = 267)。

横向模式下,您会发现按钮.( )没有足够的空间。375-200-200 = -25所以你会遇到冲突。

Ipad 上的横向模式完全没问题,并且可以按我想象的那样工作。

Ipads这可能是由于我们知道 iPad 比 iPhone 大的高度足以支持限制。

解决方案

注意我上面提到的原因。您还可以指定按钮的大小。


推荐阅读