小组件简述小组件可以在主屏幕上实现内容展示和功能跳转。系统会向小组件获取时间线，根据当前时间对时间线上的数据进行展示。点击正在展示的视觉元素可以跳转到APP内，实现对应的功能。小组件是一个独立于App环境(即AppExtension)，小组件的生命周期/存储空间/运行进程都和App不同。 AppExtensionAppExtension可以将自定义功能和内容扩展到应用程序之外，并在用户与其他应用程序或系统交互时向用户提供。例如，您的应用可以在主屏幕上显示为小部件。也就是说小组件是一种AppExtension，小组件的开发工作，基本都在AppExtension的环境中。App和Ap
jQueryUI实例-部件库（WidgetFactory）使用与所有jQueryUI小部件相同的抽象化来创建有状态的jQuery插件。如需了解更多有关部件库（WidgetFactory）的细节，请查看API文档部件库（WidgetFactory）。默认功能该演示展示了一个简单的使用部件库（jquery.ui.widget.js）创建的自定义的小部件。三个区块是以不同的方式初始化的。点击改变他们的背景颜色。查看源码及注释理解工作原理。jQueryUI部件库（WidgetFactory）-默认功能.custom-colorize{font-size:20px;position:relative;w
jQueryUI实例-部件库（WidgetFactory）使用与所有jQueryUI小部件相同的抽象化来创建有状态的jQuery插件。如需了解更多有关部件库（WidgetFactory）的细节，请查看API文档部件库（WidgetFactory）。默认功能该演示展示了一个简单的使用部件库（jquery.ui.widget.js）创建的自定义的小部件。三个区块是以不同的方式初始化的。点击改变他们的背景颜色。查看源码及注释理解工作原理。jQueryUI部件库（WidgetFactory）-默认功能.custom-colorize{font-size:20px;position:relative;w
jQueryUIAPI类别-小部件（Widgets）小部件（Widgets）是功能丰富、有状态的插件，它有一个完整的生命周期，带有方法和事件。您可以查看部件库（WidgetFactory）文档了解更多详情。 API描述也属于类别 折叠面板部件（AccordionWidget） 把一对标题和内容面板转换成折叠面板。 自动完成部件（AutocompleteWidget） 自动完成功能根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。 按钮部件（ButtonWidget） 可主题化的按钮和按钮集合。 日期选择器部件（DatepickerWidget） 从弹出框或在线日历选择一个
jQueryUIAPI类别-小部件（Widgets）小部件（Widgets）是功能丰富、有状态的插件，它有一个完整的生命周期，带有方法和事件。您可以查看部件库（WidgetFactory）文档了解更多详情。 API描述也属于类别 折叠面板部件（AccordionWidget） 把一对标题和内容面板转换成折叠面板。 自动完成部件（AutocompleteWidget） 自动完成功能根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。 按钮部件（ButtonWidget） 可主题化的按钮和按钮集合。 日期选择器部件（DatepickerWidget） 从弹出框或在线日历选择一个
jQueryUI如何使用部件库（WidgetFactory）我们将创建一个进度条。正如下面实例所示，这可以通过调用jQuery.widget()来完成，它带有两个参数：一个是要创建的插件名称，一个是包含支持插件的函数的对象文字。当插件被调用时，它将创建一个新的插件实例，所有的函数都将在该实例的语境中被执行。这与两种重要方式的标准jQuery插件不同。首先，语境是一个对象，不是DOM元素。其次，语境总是一个单一的对象，不是一个集合。$.widget("custom.progressbar",{_create:function(){varprogress=this.options.value+"%
jQueryUI如何使用部件库（WidgetFactory）我们将创建一个进度条。正如下面实例所示，这可以通过调用jQuery.widget()来完成，它带有两个参数：一个是要创建的插件名称，一个是包含支持插件的函数的对象文字。当插件被调用时，它将创建一个新的插件实例，所有的函数都将在该实例的语境中被执行。这与两种重要方式的标准jQuery插件不同。首先，语境是一个对象，不是DOM元素。其次，语境总是一个单一的对象，不是一个集合。$.widget("custom.progressbar",{_create:function(){varprogress=this.options.value+"%
jQueryUI为什么使用部件库（WidgetFactory）编写jQuery插件与向jQuery.prototype（通常显示为$.fn）添加方法一样简单，且需要遵循一些简单的规则，比如返回this。所以为什么会存在部件库（WidgetFactory）？在本章节中，我们将讲解部件库（WidgetFactory）的好处，并了解何时使用它，以及为什么要使用它。无状态vs.有状态插件大多数jQuery插件是无状态的，它们执行一些动作即完成了它们的任务。例如，如果您使用.text("hello")设置元素的文本，没有安装阶段，结果都是一样的。对于这种类型的插件，它只是扩展了jQuery的原型。然而，
jQueryUI为什么使用部件库（WidgetFactory）编写jQuery插件与向jQuery.prototype（通常显示为$.fn）添加方法一样简单，且需要遵循一些简单的规则，比如返回this。所以为什么会存在部件库（WidgetFactory）？在本章节中，我们将讲解部件库（WidgetFactory）的好处，并了解何时使用它，以及为什么要使用它。无状态vs.有状态插件大多数jQuery插件是无状态的，它们执行一些动作即完成了它们的任务。例如，如果您使用.text("hello")设置元素的文本，没有安装阶段，结果都是一样的。对于这种类型的插件，它只是扩展了jQuery的原型。然而，
jQueryUI小部件（Widget）方法调用小部件（Widget）是通过部件库（WidgetFactory）使用方法来改变他们初始化后的状态和执行动作而被创建的。有两种调用小部件方法的方式-通过部件库（WidgetFactory）创建的插件，或者通过调用元素实例对象上的方法。插件调用使用小部件的插件调用方法，把方法名称以字符串形式进行传递。例如，点击这里查看，如何调用dialog（对话框）小部件的close()方法。$(".selector").dialog("close");如果方法要求参数，请作为额外的参数传递给插件。点击这里查看，如何调用dialog（对话框）的option()方法。$
