上一节中我们学会了怎样经由过程点击差别按钮切换页面，这节专注于完成反应页面的功用以及细节动画。
导入项目
增加新组件
同步新组件
完成页面规划
输入时加动画结果
弹出日期挑选
直接援用UI页面
将要进修的demo结果图以下所示
导入完全项目
本节示例demo请参考下载地点，能够导入到设想器中进修。
增加新组件
本节中将要用到两个新组件，do_DateTimePicker和do_Picker组件，这两个组件是在建立运用时没有的，须要从组件市肆中增加。在第一节Hello World教程中，我们经由过程设想器新建的项目，会在开辟者中间–运用开辟建立一个响应的运用，如图所示
我们点击运用设置按钮，进入运用设置页，挑选“组件设置”，以下图所示
蓝框中的内容是当前运用可运用的组件列表，每一个组件都有差别版本，每一个版本对应着更新了差别内容，用户在运用时挑选本身想用的版本即可；点击绿框中的“增加组件”按钮，然后挑选“市肆组件”，找到do_Picker和do_DataTimePicker组件，点击背面的“+”号举行增加组件操纵，此时再返回“组件列表”中就能够看到方才我们新增加的两个组件了。
同步新组件
想要在设想器中运用方才增加的两个组件，只须要在WorkSpace中选中该运用，再点击一下同步按钮即可。如许我们从市肆挑选的新组件就能够在设想器中运用了。
完成页面规划
剖析一下页面规划，这里我们运用一个线性规划LinearLayout(红框)去包裹四个相对规划ALayout（蓝框）这四个ALayout的ID从上到下离别设置为do_ALayout_3、do_ALayout_createTime、do_ALayout_type和do_ALayout_7，由于线性规划一切内部子控件都从上向下分列，保证组件直接严密分列，每一个ALayout中又去离别包裹Label标签组件、TextBox、TextField等用于显现和输入的组件，最底下都有一个height为1，bgColor为灰色的ALayout作为一条分割线。
输入时加动画结果
在ID为do_ALayout_3的ALayout中，增加一个Label组件（修正ID为do_Label_title）和一个单行文本TextField（修正ID为do_TextField_title），经由过程给Label设置text属性为“题目”来展现我们想要显现的笔墨；修正TextField的hint属性为“题目”能让该组件在text属性为空时显现提醒信息。
我们想让输入笔墨时有显现“题目”的Label组件有一个向上的动画结果，直接定阅TextField的textChanged事宜，这个事宜会在text转变时触发，在事宜的回调中挪用一切UI都有的基类要领show，经由过程给show要领设置动画范例和动画时候参数，来到达Label的动画结果，须要申明的是，在运用show要领前要保证UI组件的visible是为false的才会有动画结果。一样的结果我们也给放“内容”的Label加上。
弹出日期挑选
我们想要在点击“反应时候”的do_ALayout（ID为）时弹出do_DateTimePicker挑选日期，只须要定阅do_ALayout_createTime的touch点击事宜，在触发事宜的回调中挪用do_DateTimePicker的show要领来显现一个日期挑选器。
由于do_DateTimePicker是SM范例的，这里直接经由过程范例来对组件举行实例化。
直接援用UI页面
要完成文章顶部的结果图第三张所示结果，我们首先要零丁增加一个UI页面，只放一个Picker组件，并将页面的其他地方设置为灰色通明结果，
