• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

iOS:按钮大小是相对的还是绝对的?

[复制链接]
菜鸟教程小白 发表于 2022-12-11 16:45:33 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我想知道关于 ui 元素大小(尤其是按钮)的 iOS ui 设计的最佳实践是什么。在我的示例中,所有按钮都基于图像,没有文字。

我看到了两种方法

绝对尺寸

专业版:

  • 基于图像的按钮不需要重新缩放,避免模糊
  • 界面设计器中的简单设置

缺点:

  • 相对于其他 ui 元素,按钮在更大的显示器(ipad2 与 iphone 4)上看起来更小

相对尺寸

专业版:

  • 在所有显示分辨率和密度下,按钮的整体 UI 外观看起来都更好

缺点:

  • 按钮可能看起来很模糊
  • 接口(interface)构建器约束会变得更复杂

我忘记了什么吗?还是我弄错了?

现在我正在设计完全相对于屏幕的用户界面。因此,假设一个按钮的宽度为屏幕宽度的 10%,纵横比为 1:1。当用户界面完全相对时,所有设备上的一切似乎都是一致的。但我的问题始于@2x 密度按钮的场景。 iphone 4 的宽度(纵向模式)为 640,而 ipad2 的宽度为 768。我应该创建宽度为 77 像素还是 68 像素的@2x、10% 按钮图像?我会说 77,因为缩小比放大更好。

好吧,这引出了我的问题:

设计 UI 的最佳做法是什么?我们应该如何处理按钮的图像设计?



Best Answer-推荐答案


问题通常是文本被拉长了。

您可以按照以下步骤设置拉伸(stretch)区域: https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/SlicinganImage.html

如果使用渐变,拉伸(stretch)后变得模糊,则需要使用 Core Graphics 绘制渐变。

关于iOS:按钮大小是相对的还是绝对的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37882718/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap