如何让圆圈保持圆圈并在不同的屏幕尺寸上调整大小?

Posted

技术标签:

【中文标题】如何让圆圈保持圆圈并在不同的屏幕尺寸上调整大小?【英文标题】:How to make circles stay circles and resize on different screen sizes? 【发布时间】:2017-05-16 05:03:55 【问题描述】:

我真的需要帮助,我制作了一个应用程序,我为 iphone 7 设计了所有东西

我正在使用 IBDesignables 制作的圆圈(使用cornerRadius 制作圆圈)。当它调整大小以保持圆圈时,我想要它们,因为我尝试了几件事,并且当它不再是圆圈的大小时。

对不起,我真的需要一个小费!

我该如何解决这个问题

这是它在 Iphone 7 上的外观

这是它在 Iphone SE 上的外观

这是它在 Iphone 4s 上的外观

【问题讨论】:

似乎是什么问题?只有在所有图像中,圆圈看起来都像圆圈。 使视图的高度和宽度相同使顶视图从顶部消失,尝试实现视图的纵横比并通过代码通过获取视图高度或宽度来设置圆角跨度> 给我一些时间,我会通过 github repo 给你一个例子 @SahebRoy 正如你在第二张和第三张照片中看到的那样,一些视图被切断了,关于圆圈,是的,它们是圆圈,但我说我尝试了一些东西,但它们没有保持圆圈 @SubhajitHalder 如果您能花点时间,我将不胜感激,而且我想知道如何使按钮上的文本大小针对不同的屏幕尺寸变小?? 【参考方案1】:

如果您想让所有设备的所有视图都保持圆形,您必须保持它们的高度和宽度相同。

您可以轻松地使用自动布局设置该视图的纵横比为 1,因此它们的高度和宽度保持相同检查屏幕截图

【讨论】:

以上是关于如何让圆圈保持圆圈并在不同的屏幕尺寸上调整大小?的主要内容,如果未能解决你的问题,请参考以下文章

如何根据屏幕尺寸调整颤振小部件的大小?

智能侧边栏怎么变成一个圆圈

调整按钮以适应不同的屏幕尺寸

在静态背景图像上调整按钮大小和位置

如何创建一个旋转的圆圈?

在位图图像中绘制一个圆圈并在 R 中裁剪圆圈外的像素