你如何设计 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