K3 Cloud 5.0移动开发平台指南_日历视图.docx

K/3 Cloud 5.0_日历视图_开发指南 金蝶软件（中国）有限公司2014年9月4日目录一.总体概述31.1 我的日程31.2 工作详情5二. 单据设计62.1 新建单据62.2.1 登陆设置62.2.2 系统视图72.2.3 新建单据82.2 选择模板92.3 界面设计102.3.1 我的日程界面设计102.3.2 工作详情界面设计112.4 元数据13三. 插件编写133.1 我的日程测试插件（我的日程）133.2 日历周视图测试插件（工作详情）16四．发布21五．结果展示23六．注意事项及分享246.1 布局246.1.1 布局元素大小246.1.2 流式布局方向246.1.3 添加控件256.2 插件256.2.1属性标志256.2.2动态控制文本的颜色266.2.3控制点击进入活动详情界面266.2.4标记处有活动得日期276.2.5属性控制顶部菜单、导航栏和点击日期颜色276.2.6移动列表刷新单据体数据296.3 分割线30一.总体概述K3 Cloud “我的日程”，方便用户随时随地查看自己日程安排情况、关联周、月的日程情况，通过K3 Cloud移动平台能够快速设计、发布移动单据。1.1 我的日程“我的日程”初始界面显示的是当前月份的月份信息，包括：当前年份、当前月份、当月所有天数、可关联到其他单据的按钮（比如当前使用的例子是：活动单据）。图 1.1 “我的日程” 初始界面图 1.2 绑定关联单据“活动编辑”界面思考：1. 如何控制有活动的那天显示特殊标记（如 图1.1 中的灰色原点）？ 2. 如何控制点击具体的某一天进入当天的详情页面？ 3、每一天用来做什么操作？ 4、如何标记某一天的颜色（比如点击的时候的蓝色圆圈颜色显示）？ 5．新增当天活动的按钮如何设置（进入 图1.2 的编辑界面）？ 6．新增当天活动的按钮如何设置颜色？ 1.2 工作详情工作详情页面与图1.1不同的是，显示的是周视图界面，页面上部是“周视图”，页面下部分是绑定的单据列表，包括：工作内容和消息的页签切换、活动列表、周视图显示、新增单据按钮等重要信息，状态文本颜色根据单据状态不同展示不同图标，效果一目了然。 图 1.3 “工作详情”界面图 1.3 绑定单据的“活动详情”界面思考：1. 如何切换设置“月视图”和“周视图”？ 2. 如何根据工作内容中的“状态”切换不同的颜色（包括“重要”等字段）？ 3．切换月份是如何刷新单据体的数据？ 4．移动列表是怎么绑定数据？ 5．如何控制点击具体的工作内容进入查看单据的详情页面？ 二. 单据设计2.1 新建单据 2.2.1 登陆设置首先，设置好服务器地址，选择本地服务可以输入http://localhost:1200/http://localhost:1200/，选择K3cloud服务器如下图输入：50/k3cloud/50/k3cloud/ 。图 2.1.1 “服务器选择”界面其次，选择目标数据中心，输入正确账号和密码，登陆BOS IDE。图 2.1.2 “登陆”界面 2.2.2 系统视图登陆BOS IDE之后，在系统视图界面中选择“基础管理”业务领域下“移动平台”子系统，点击“确定”打开选中的子系统。图 2.2.1 “系统视图”界面2.2.3 新建单据 新建一个空白对象(Ctrl + N)，选择移动单据，输入业务对象名称，需要注意的是，如果不勾选“随机产生业务对象编号”，开发人员可以根据开发规范输入统一的业务编号，如BOS_MyScheme_Test01，否则系统会随机产生一个GUID默认标识。(新建的单据并不会马上在视图右侧的【项目】中显示，只有保存表单修改后，才会在相应领域节点下中显示业务单据)图 2.2.2 “新建”界面2.2 选择模板 BOS IDE内置了几个标准模板，如果用户设计的单据和模板类似，可以选择相应模板，稍加修改便可直接使用。此处为了演示我们直接选择空模板，方便我们自定义界面布局。图 2.2.1 “选择模板”界面2.3 界面设计2.3.1 我的日程界面设计设计我的日程界面时，如果日历信息需要直接显示在界面，我们可以先拉一个流式布局充满，然后选中日历字段之后，直接拖拽至设计页面；如果我们想在日历控件下面增加一个按钮，可以先拉一个流式布局在日历控件的下方，然后再选中按钮字段之后，直接拖拽至设计页面（例如：下图2.3.1 中用例是“新增活动”）。如果我们想设置按钮的颜色可以点击按钮，然后在它的属性设计界面中选择“背景颜色”做相应的设置，（例如 图2.3.2 “按钮控件”属性设计界面）。图 2.3.1 “我的日程”设计界面图 2.3.2 “按钮控件”属性设计界面2.3.2 工作详情界面设计“工作详情”界面的上部分，是用于显示周日历视图，周日历视图的控制是在属性“日历视图”的