你如何设计 iOS 组件的样式?

Posted

技术标签:

【中文标题】你如何设计 iOS 组件的样式?【英文标题】:How do you style iOS components? 【发布时间】:2012-05-03 20:02:36 【问题描述】:

在早期从事 android 工作后,我才刚刚开始进行 ios 开发,我对您如何设计/皮肤 iPhone 组件感到有些困惑。

我看到有一种方法可以在属性中更改某些组件的颜色(这就是它们的名称吗?)但是我怎样才能走得更远呢?

例如,我如何设计自定义按钮或自定义列表视图?

【问题讨论】:

您是否尝试搜索“ios 自定义按钮”?你发现了什么? @GregHewgill 是对的,在询问之前您需要多搜索一下。顺便说一句,您的问题太笼统了,因为 iOS 下的某些 UI 组件很容易定制,因为 Apple 让用户只需使用属性即可完成,而其他组件必须进行调整才能进行定制,而且大多数调整都特定于一个组件。尝试搜索“ios 自定义按钮”或“ios 自定义列表视图”等。考虑尝试一下界面构建器,对于大多数简单的设计,它可以完成这项工作。 【参考方案1】:

这里有几个你要问的元素,所以我的回答可能不足以满足你想要的一切。

例如,您可以在此处使用此页面,该页面为您提供了一个非常好的教程,用于对 UI 组件进行一些自定义:

http://www.raywenderlich.com/4344/user-interface-customization-in-ios-5

对于 UITableViews,您还必须采取其他步骤。例如,这个非常好的教程:

http://cocoawithlove.com/2009/04/easy-custom-uitableview-drawing.html

【讨论】:

ray wenderlich 教程真的很伤我的眼睛,但确实是海报要求的最佳教程。 嘿,谢谢这些非常有用!之前应该做过谷歌搜索:)。谢谢!【参考方案2】:

如果您创建自定义 UI 元素来复制标准 UI 元素 除了外观,您应该考虑使用外观 iOS 5 及更高版本中可用的自定义编程接口。

通过HIG

我建议查看this 以更好地了解界面构建器


对于作为图像的按钮:

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
UIImage *image = [UIImage imageNamed:@"myFile.png"];
button.frame = CGRectMake(x, y, image.size.width, image.size.height);
[button setImage:image forState:UIControlStateNormal];
[myView addSubview:button];

或使用界面生成器:

选择“自定义按钮”作为类型,然后选择您想要的图像 从下拉菜单中。


【讨论】:

以上是关于你如何设计 iOS 组件的样式?的主要内容,如果未能解决你的问题,请参考以下文章

使用内联 CSS 为组件设计样式 - Ionic2、AngularJS

iOS应用程序的有效UI样式[关闭]

如何设计 React Slick carrousel 的箭头样式?

10分钟教你如何选择筛选组件

如何修改饿了么 ui 的组件样式为自定义的样式

定制修改组件库的几种方式