iWatch开发:UI 组件说明
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc2hlbmppZTEyMzQ1Njc4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描写叙述" title="">
WKInterfaceLabel使用
WKInterfaceLabel 相似iOS 组件中的UILabel, 可通过使用 setText 的方式来设置详细的值。这里就不做多阐述。
WKInterfaceImage 使用
WKInterfaceImage 相似于 UIImageView, 使用时,可用setImage 来设置图片。
它的接口例如以下:
@class UIImage;
@protocol WKImageAnimatable <NSObject>
// Play all images repeatedly using duration specified in interface description.
- (void)startAnimating;
// Play a subset of images for a certain number of times. 0 means repeat until stop.
- (void)startAnimatingWithImagesInRange:(NSRange)imageRange duration:(NSTimeInterval)duration repeatCount:(NSInteger)repeatCount;
- (void)stopAnimating;
@end
WK_CLASS_AVAILABLE_IOS(8_2)
@interface WKInterfaceImage : WKInterfaceObject <WKImageAnimatable>
- (void)setImage:(nullable UIImage *)image;
- (void)setImageData:(nullable NSData *)imageData;
- (void)setImageNamed:(nullable NSString *)imageName;
- (void)setTintColor:(nullable UIColor *)tintColor;
@end
NS_ASSUME_NONNULL_END
WKInterfaceTable
相比于iOS 中的UITableViewController来说,iwatch中的WKInterfaceTable功能就简单多了。它没有delegate 也无需设置数据源。
在组件库中选中WKInterfaceTable 拖入Interface.storyboard中,并在代码中形成相应的关联,这里有一点要注意一下,那就是这个必需要设置 Row Controller 的identifier, 不然数据就无法载入出来。
在这里就使用静态的数据让这个Table 控件来载入出来。 代码例如以下:
NSMutableDictionary *phoneContact = [[NSMutableDictionary alloc] initWithObjectsAndKeys:@"13776054770", @"约翰",
@"13776054770", @"约翰1",
@"13776054771", @"约翰2",
@"13776054772", @"约翰3",
@"13776054773", @"约翰4", nil];
[_contactTableV setNumberOfRows:phoneContact.count withRowType:@"MyTableRowControl"];
NSArray *namesArray = phoneContact.allKeys;
for(int i = 0; i < phoneContact.count; i++){
NSString *name = [namesArray objectAtIndex:i];
NSString *phone = [phoneContact objectForKey:name];
MyTableRowControl *row = [_contactTableV rowControllerAtIndex:i];
[row.contactName setText:name];
[row.phoneNo setText:phone];
}
table点击事件,通过重写实现InterfaceController 来处理:
- (void)table:(WKInterfaceTable *)table didSelectRowAtIndex:(NSInteger)rowIndex{
NSLog(@"我点击了 %ld 行", (long)rowIndex);
}
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc2hlbmppZTEyMzQ1Njc4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描写叙述" title="">
WKInterfaceButton
iWatch button控件。可用的API 例如以下:
NS_ASSUME_NONNULL_BEGIN
@class UIImage, UIColor;
WK_CLASS_AVAILABLE_IOS(8_2)
@interface WKInterfaceButton : WKInterfaceObject
- (void)setTitle:(nullable NSString *)title;
- (void)setAttributedTitle:(nullable NSAttributedString *)attributedTitle;
- (void)setBackgroundColor:(nullable UIColor *)color;
- (void)setBackgroundImage:(nullable UIImage *)image;
- (void)setBackgroundImageData:(nullable NSData *)imageData;
- (void)setBackgroundImageNamed:(nullable NSString *)imageName;
- (void)setEnabled:(BOOL)enabled;
@end
NS_ASSUME_NONNULL_END
button点击事件,能够通过storyboard 拖拽的方式来实现,也可通过代码来实现。
WKInterfaceDate
日期控件,可用API 例如以下:
NS_ASSUME_NONNULL_BEGIN
@class UIColor;
WK_CLASS_AVAILABLE_IOS(8_2)
@interface WKInterfaceDate : WKInterfaceObject
- (void)setTextColor:(nullable UIColor *)color;
- (void)setTimeZone:(nullable NSTimeZone *)timeZone;
- (void)setCalendar:(nullable NSCalendar *)calendar;
@end
NS_ASSUME_NONNULL_END
WKInterfaceTimer
时间控件, 可用 API 例如以下:
NS_ASSUME_NONNULL_BEGIN
@class UIColor;
WK_CLASS_AVAILABLE_IOS(8_2)
@interface WKInterfaceTimer : WKInterfaceObject
- (void)setTextColor:(nullable UIColor *)color;
- (void)setDate:(NSDate *)date; // count up/down from current date to this date
- (void)start;
- (void)stop;
@end
NS_ASSUME_NONNULL_END
好了。祝大家生活愉快。
多多收获友谊和爱情。
假设想获取很多其它的讯息。请扫描下方二维码关注我的微信公众号:
iWatch开发:UI 组件说明的更多相关文章
- 推荐使用Tiny Framework web开发UI组件
TINY FRAMEWORK 基于组件化的J2EE开发框架,from:http://www.tinygroup.org/ 名字 Tiny名称的来历 取名Tiny是取其微不足道,微小之意. Tiny ...
- 微信小程序开发UI组件
第一 view和input和button组件 1.UI组件的通用属性 (1)id 唯一标识 (2)class 设置组件的样式类 (3)style 设置组件的内联样式 (4)hidden ...
- [deviceone开发]-UI组件的动画示例
一.简介 自定义组件模版(头部,按钮,加减数量,加载,底部弹出,开关(文字/无文字),选项卡(2-4), radio)全部带自定义动画效果,需从组件商店中添加:do_Animator组件 二.效果图 ...
- 挂号平台首页开发(UI组件部分)
JQ插件模式开发UI组件 JQ插件开发方法: 1.$.extend() 扩展JQ(比较简单,功能略显不足) $.extend({ sayHello:function(){ console.log(&q ...
- Docz 用 MDX 写 React UI 组件文档
Docz 用 MDX 写 React UI 组件文档 前言 为了提升开发效率,创建一套 UI 组件库是一种较为有效的方式之一:可以减少重复工作.提高可复用,所以现在越来越多团队开始创建自己的 UI 组 ...
- Android开发 ---基本UI组件4:拖动事件、评分进度条、圆圈式进度条、进度条控制
Android开发 ---基本UI组件4 1.activity_main.xml 描述: 定义了一个按钮 <?xml version="1.0" encoding=" ...
- Android开发 ---基本UI组件3:单选按钮、多选按钮、下拉列表、提交按钮、重置按钮、取消按钮
Android开发 ---基本UI组件2 1.activity_main.xml 描述: 定义一个用户注册按钮 <?xml version="1.0" encoding=&q ...
- Android开发 ---基本UI组件2:图像按钮、单选按钮监听、多选按钮监听、开关
Android开发 ---基本UI组件2 1.activity_main.xml 描述: 定义一个按钮 <?xml version="1.0" encoding=" ...
- React Native实战系列教程之自定义原生UI组件和VideoView视频播放器开发
React Native实战系列教程之自定义原生UI组件和VideoView视频播放器开发 2016/09/23 | React Native技术文章 | Sky丶清| 4 条评论 | 1 ...
- 给 Web 开发人员推荐的通用独立 UI 组件(一)(按钮很不错)
现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高.在推荐完图形库之后,再来推荐一些精品的独立 UI 组件.这些组件可组合在一起,形成美观而交互强大的 Web UI . 给 We ...
随机推荐
- NetStream配置
http://support.huawei.com/enterprise/docinforeader!loadDocument1.action?contentId=DOC1000067951& ...
- 在 iSCSI Target 服务器中使用LVM创建和设置LUN(二)
LUN是逻辑单元号,它与iSCSI存储服务器共享.iSCSI 目标器通过TCP/IP网络共享它的物理驱动器给发起程序(initiator).这些来自一个大型存储(SAN:Storage Area Ne ...
- 牛客网练习赛18 A 【数论/整数划分得到乘积最大/快速乘】
链接:https://www.nowcoder.com/acm/contest/110/A 来源:牛客网 题目描述 这题要你回答T个询问,给你一个正整数S,若有若干个正整数的和为S,则这若干的数的乘积 ...
- 扫面线+线段树(hdu1542)
之前写过这个算法,时间长了就忘掉了,,现在不看书自己努力回想起来,对算法的理解,对线段树的理解感觉也更深了一点(可能心理作用,哈哈哈) 思路简单说一下吧 从做到右遍历每一条矩阵的边(左右边),看该边对 ...
- [置顶]
kubernetes创建资源yaml文件例子--rc
apiVersion: v1 #指定api版本,此值必须在kubectl apiversion中 kind: ReplicationController #指定创建资源的角色/类型 metadata: ...
- 使apache的日志文件里不记录图片文件
找到: LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-A ...
- nginx rewrite不支持if 嵌套也不支持逻辑或和逻辑并
如题,apache的rewrite是支持或者的,用个OR就可以,如果不加OR,多个RewriteCond 罗列累加就是并且的意思.然后nginx的rewrite就没有这么好了.那么如何去实现这样复杂的 ...
- EL表达式中的empty运算符
- Java之JDBC学习
(一),MySql数据库 1,MySql数据库的数据类型定义 2,完整性约束: 3,索引: 作用:唯一作用就是加快对表查询速度,索引通过快速路径方法访问来快速定位数据,从而减少磁盘的II/O; 缺点: ...
- 2017.7.18 linux下ELK环境搭建
参考来自:Linux日志分析ELK环境搭建 另一篇博文:2017.7.18 windows下ELK环境搭建 0 版本说明 因为ELK从5.0开始只支持jdk 1.8,但是项目中使用的是JDK 1 ...