关键词：
【中文标题】根据设备调整按钮宽度和高度【英文标题】：Adjusting button width and height according to device 【发布时间】：2015-05-23 16:39:05 【问题描述】：我正在尝试为我正在玩的应用程序创建一个键盘。键盘将是标准的四行数字，数字 0 - 1、小数和 +/-。没什么特别的。我试图让它只占用垂直屏幕空间的 1/2。使用约束，我将左下按钮固定在屏幕的左侧和底部，将右下按钮固定在屏幕的底部和右侧。我设置了左侧按钮的宽度和高度，然后在该按钮上使用了纵横比。在剩下的底部按钮上，我按住 Control 键向左拖动到它旁边的那个，然后选择水平间距、Y 中心、等宽和等高，然后从上面的每个按钮控制拖动到下面的按钮，然后选择约束列表中的垂直间距、中心 X、等宽和等高。我的想法是左下角的按钮会根据选择的设备进行调整，然后所有其他按钮都会根据这个按钮进行调整。
显然，我错了。这些按钮设置得很好，它们保持在彼此上方和相邻的位置，没有任何空间，但它们并没有完全占据屏幕的一半。根据所选设备，它们上方的空间按比例增加或减少。显然，我要么遗漏了一些东西，要么我完全走错了路。
任何有关如何完成此任务的建议将不胜感激。我仍在学习约束如何相互影响，但我认为我的想法是合理的。让一个按钮自行调整到正确的大小（左下方按钮上的纵横比），然后强制所有其他按钮保持相同的宽度、高度和距离。
【问题讨论】：
【参考方案1】：左下角的按钮不会调整它的大小，因为你给了它一个固定的宽度和高度。按钮上不应设置任何明确的宽度或高度。它们都应该设置为相同的大小，只要你有从左边缘到右边缘的约束，就应该设置它们的宽度。它们的高度也将根据纵横比限制来设置。
这将导致按钮的大小仅取决于屏幕大小，但不会使它们成为屏幕高度的一半（这仅适用于具有特定纵横比的一种屏幕大小）。为了使按钮占据屏幕垂直高度的一半，您可能希望将它们包含在该高度的视图中。但是，您将在按钮的纵横比和屏幕的纵横比之间产生冲突。您要么需要放弃纵横比，要么不将按钮的右侧固定到屏幕的右侧，并使用使按钮全部适合屏幕的纵横比。
【讨论】：
我输入宽度和高度的原因是因为如果我不输入，我会收到有关帧在运行时不同的警告。我真的只是根据我对这些东西如何工作的了解来猜测这些东西。也许我不知道的对我的影响更大。我只是不确定如何使这项工作。纵横比似乎是要走的路，但它并没有像我预期的那样发挥作用。按钮的宽度可以根据上面给出的场景进行很好的调整。高度根本没有调整。这就是按钮太高的问题所在。 @Scott 我不明白这是怎么回事：“按钮的宽度在上面给出的场景下调整得很好”如果你为按钮设置了一个明确的宽度，除非你得到警告，并且系统正在打破一个或多个约束。如果一行中的所有按钮都具有相同的宽度，并且其中一个具有设定的宽度，并且您有从左边缘到右边缘的间距约束，那么加起来就是一个固定的数字——它不应该是可以调整。 我明白你在说什么，我真的明白。但是按钮确实按比例缩小了宽度。我将视图设置为三个按钮，占据整个屏幕。无论我在哪个模拟设备上运行，按钮都完全适合。宽度明智，而不是高度。我只明确设置了第一个按钮的宽度和高度。其他按钮设置为相同的宽度，相同的高度。在我删除明确的宽度和高度之前没有警告。 @Scott 我不认为你有你认为的限制。设置第一个按钮的宽度，并将它们设置为相等与为所有按钮设置宽度相同。这 3 个宽度加上任何空格有加起来是一个固定的数字。它不能用于超过一个屏幕宽度。如果你能把你的项目贴在某个地方，我会看看，否则，我不知道你到底在做什么。 谢谢。我在这里上传了项目：app.box.com/files/0/f/3666170919/Keypad_Project根据父窗口小部件的宽度和高度放置一个自动调整大小的窗口小部件
】根据父窗口小部件的宽度和高度放置一个自动调整大小的窗口小部件【英文标题】：PlaceanAuto-sizedwidgetsbasedontheparentwidget\'sWidthandheight【发布时间】：2020-08-2801:01:55【问题描述】：目标：根据父小部件的约束实现自动调整大小的... 查看详情
根据 UITableViewCell 标签高度和宽度调整背景图片大小
】根据UITableViewCell标签高度和宽度调整背景图片大小【英文标题】：ResizebackgroundimagebasedonUITableViewCellLabelheightandwidth【发布时间】：2017-04-1811:21:56【问题描述】：我可以根据文本调整自定义UITablleViewCell标签的宽度和高度。如下所... 查看详情
根据窗口大小动态调整闪亮绘图输出的高度和/或宽度
】根据窗口大小动态调整闪亮绘图输出的高度和/或宽度【英文标题】：dynamicallyadjustheightand/orwidthofshiny-plotlyoutputbasedonwindowsize【发布时间】：2017-11-0314:53:21【问题描述】：我希望将闪亮的输出高度和宽度调整为当前窗口大小。我... 查看详情
没有为所有屏幕设备正确调整大小的约束
...的宽度和高度相同。知道如何做到这一点，以便这些按钮根据屏幕尺寸正确调整大小吗？谢谢！【问题讨论】：你尝试过哪些限制条件？两条规则1.将Text和Image放在 查看详情
UIImage 未根据 UIImageView 大小宽度和高度调整大小
】UIImage未根据UIImageView大小宽度和高度调整大小【英文标题】：UIImagenotresizingaccordingtoUIImageViewsizewidthandheight【发布时间】：2021-12-2817:34:43【问题描述】：我是一个Swift新手，我正在尝试使用Storyboard和@IBInspectable注释在UITextField的... 查看详情
UIView 根据边缘调整大小
】UIView根据边缘调整大小【英文标题】：UIViewresizingbasedonedges【发布时间】：2012-12-0106:19:01【问题描述】：如何根据边缘调整UIView的大小？实际上我正在以编程方式创建UITextField，如果用户愿意，他们可以通过拖动其边缘来增加... 查看详情
如何根据浏览器的尺寸自动沿div宽度调整div高度
】如何根据浏览器的尺寸自动沿div宽度调整div高度【英文标题】：Howtoadjustdivheightautomaticallyalongthedivwidthaccordingtoresigingofbrowser【发布时间】：2013-04-0908:58:01【问题描述】：我正在努力使网站具有响应性。我已经为所有div使用了自... 查看详情
使用 HTML 和 CSS 打印标签。如何根据标签的高度和宽度调整标签和容器的大小？
】使用HTML和CSS打印标签。如何根据标签的高度和宽度调整标签和容器的大小？【英文标题】：LabelprintingwithHTMLandCSS.Howtoresizelabelandcontainersaccordingtolabelheightandwidth?【发布时间】：2021-03-3022:42:53【问题描述】：以下是我为5厘米x2.2... 查看详情
UIScrollView 中宽度和高度相等的动态按钮
...时间】：2018-11-0705:24:06【问题描述】：我想在滚动视图中根据屏幕尺寸显示具有动态高度的按钮列表。我可以在UIView中做到这一点，但是当我在UIScrollView中应用相同的自动布局方法时，它并没有增加按钮的大小。所以请指导我如... 查看详情
动态调整 UITextView 的宽度和高度
...【发布时间】：2013-03-2120:41:07【问题描述】：我的代码会根据文本动态调整。当我们按下回车键时，它会增加高度除非我们按回车键，否则会增加宽度。但是我该怎么做呢-(BOOL)textView:(UITextView*)textViewshouldChangeTextInRange:( 查看详情
如何根据设备屏幕调整 UICollectionViewCell 的大小
】如何根据设备屏幕调整UICollectionViewCell的大小【英文标题】：HowtoresizeUICollectionViewCellbasedondevicescreen【发布时间】：2020-04-0500:29:53【问题描述】：我有一个带有自定义单元格的UICollectionView，但是，我试图对UICollectionView施加约束... 查看详情
如何根据屏幕大小调整按钮的图像和文本大小（自动布局）
】如何根据屏幕大小调整按钮的图像和文本大小（自动布局）【英文标题】：Howtoresizetheimageandtextofbuttonbasedonscreensize(autolayout)【发布时间】：2016-01-1304:28:38【问题描述】：假设我有多个垂直和水平对齐的按钮，如屏幕截图所示。... 查看详情
JCrop 得到裁剪的宽度和高度
...钮”时，它总是会生成“300px”x“150px”的图像。我只想根据裁剪区域大小生成图像。我希望裁剪图像的宽度和高度应该是动态的。请检查我下面的代码。如果您能指出我应该在哪里调整代码以生成具有实际裁剪区域宽度和高度 查看详情
如何根据设备宽度更改下载按钮的href和onclick功能(代码片段)
我想根据设备宽度（手机，平板电脑，个人电脑）更改下载链接我需要做什么？<ahref="url"onclick="function";class="btnbtn-primaryjs-scroll-triggerdownload">Download</a>答案在this回答你了解到有很多方法可以获得js中的设备宽度。其中最... 查看详情
如何根据文本长度或背景图像调整按钮宽度
】如何根据文本长度或背景图像调整按钮宽度【英文标题】：Howtoadjustbuttonwidthaccordingtotextlengthorbackgroudimage【发布时间】：2017-08-1611:47:10【问题描述】：我有一个表格视图和一个带有按钮的自定义单元格。根据我的需要，我有时... 查看详情
如何使用不同屏幕的约束来调整视图的高度和宽度？
...题描述】：我对xocde6和自动布局非常陌生。我正在为多个设备设计屏幕。我有一些视图，例如图像、文本字段。我为iPhone设计了它们。我添加了一些固定高度和宽度约束。所以高度& 查看详情
Android：根据宽度在 XML 中设置按钮高度
】Android：根据宽度在XML中设置按钮高度【英文标题】：Android:SettingbuttonheightinXMLbasedonit\'swidth【发布时间】：2011-04-2520:57:48【问题描述】：我正在处理androidXML中的布局，我想在其中设置按钮高度以在设置填充父项时匹配它的宽度... 查看详情
在约束布局中根据设备宽度设置视图高度
】在约束布局中根据设备宽度设置视图高度【英文标题】：Setviewheightbaseondevicewidthinconstraintlayout【发布时间】：2022-01-2108:34:16【问题描述】：这是我的代码及其输出：<?xmlversion="1.0"encoding="utf-8"?><androidx.constraintlayout.widget.Co... 查看详情