大家好,我今天又来为大家进行评测啦。
今天评测的内容是如何快速高效的入手IDE,并且掌握如何正确的调制ui的色彩。
废话不多说,开始喽~
接着我的上一篇评测,我在这一次评测的时候,首先安装了我们YOXIOS的IDE。这个ide十分简洁明要。
首先,我们要新建一个项目,在这个项目建立之后,我们要进行一定的设置。大家在这里按照自己的需要配置即可
配置完成之后就可以点击完成就可以开始我们的开发了。、
首先,让我们看看整个的开发界面,界面十分美观大方,
很明显,这个ide用了窗口,将这整个ide划分为了几个区域。
- ① 区域 - 项目资源管理器 它将项目文件夹内的资源文件、代码文件等以树形图的形式显示。你可以自由展开/收起,双击文件可以直接打开编辑。具体演示如下:
- 项目展开/收起
- ② 区域 - UI编辑框 主要负责UI界面的编辑和即时预览,他是开发中主要的操作区域
- ③ 区域 - 控件画板 它包含了所有内置的控件,你可以点击选择需要的的控件,将其拖拽到 ②区域 即可完成控件的创建。具体演示如下:
- 创建控件演示
- ④ 区域 - 属性表 当你在 区域② 中选择了某个控件后,它的所有属性将在这里以表格的形式显示,你可以在表格中自定义修改。例如修改文字大小,具体演示如下:
- 修改属性演示
- ⑤ 区域 - 大纲视图 它将已经创建的所有控件以树形图的形式展示;同样支持自由展开/收起; 可以清晰的了解控件之间的层级关系;并且可以直接拖拽某个节点,快速调整层级位置;双击节点可以快速显示/隐藏控件,这个在层级关系复杂后,非常好用。 具体演示如下:
- 大纲视图演示
- ⑥ 区域 - 控制台 编译代码时,这个位置将输出编译日志。如果编译失败,双击错误提示内容,可直接跳转到对应代码。
- 如下图,演示双击错误提示内容,直接跳转代码。
复制代码
然后,我们需要给这个窗口创建几个控件,就像这样。
但是光秃秃的几个控件怎么行呢,我们要增加一些小小的素材。
在经过搭配组合以后,就是酱紫啦。
我们需要在这个窗口导入我们需要的素材。
最后经过debug,我们
成品就做出来啦。
谢谢大家的观看啦
- #pragma once
- #include "uart/ProtocolSender.h"
- /*
- *此文件由GUI工具生成
- *文件功能:用于处理用户的逻辑相应代码
- *功能说明:
- *========================onButtonClick_XXXX
- 当页面中的按键按下后系统会调用对应的函数,XXX代表GUI工具里面的[ID值]名称,
- 如Button1,当返回值为false的时候系统将不再处理这个按键,返回true的时候系统将会继续处理此按键。比如SYS_BACK.
- *========================onSlideWindowItemClick_XXXX(int index)
- 当页面中存在滑动窗口并且用户点击了滑动窗口的图标后系统会调用此函数,XXX代表GUI工具里面的[ID值]名称,
- 如slideWindow1;index 代表按下图标的偏移值
- *========================onSeekBarChange_XXXX(int progress)
- 当页面中存在滑动条并且用户改变了进度后系统会调用此函数,XXX代表GUI工具里面的[ID值]名称,
- 如SeekBar1;progress 代表当前的进度值
- *========================ogetListitemCount_XXXX()
- 当页面中存在滑动列表的时候,更新的时候系统会调用此接口获取列表的总数目,XXX代表GUI工具里面的[ID值]名称,
- 如List1;返回值为当前列表的总条数
- *========================oobtainListItemData_XXXX(ZKListView::ZKListItem *pListItem, int index)
- 当页面中存在滑动列表的时候,更新的时候系统会调用此接口获取列表当前条目下的内容信息,XXX代表GUI工具里面的[ID值]名称,
- 如List1;pListItem 是贴图中的单条目对象,index是列表总目的偏移量。具体见函数说明
- *========================常用接口===============
- *LOGD(...) 打印调试信息的接口
- *mTextXXXPtr->setText("****") 在控件TextXXX上显示文字****
- *mButton1Ptr->setSelected(true); 将控件mButton1设置为选中模式,图片会切换成选中图片,按钮文字会切换为选中后的颜色
- *mSeekBarPtr->setProgress(12) 在控件mSeekBar上将进度调整到12
- *mListView1Ptr->refreshListView() 让mListView1 重新刷新,当列表数据变化后调用
- *mDashbroadView1Ptr->setTargetAngle(120) 在控件mDashbroadView1上指针显示角度调整到120度
- *
- * 在Eclipse编辑器中 使用 “alt + /” 快捷键可以打开智能提示
- */
- /**
- * 注册定时器
- * 填充数组用于注册定时器
- * 注意:id不能重复
- */
- static S_ACTIVITY_TIMEER REGISTER_ACTIVITY_TIMER_TAB[] = {
- //{0, 6000}, //定时器id=0, 时间间隔6秒
- //{1, 1000},
- };
- /**
- * 当界面构造时触发
- */
- static void onUI_init(){
- //Tips :添加 UI初始化的显示代码到这里,如:mText1Ptr->setText("123");
- }
- /**
- * 当切换到该界面时触发
- */
- static void onUI_intent(const Intent *intentPtr) {
- if (intentPtr != NULL) {
- //TODO
- }
- }
- /*
- * 当界面显示时触发
- */
- static void onUI_show() {
- }
- /*
- * 当界面隐藏时触发
- */
- static void onUI_hide() {
- }
- /*
- * 当界面完全退出时触发
- */
- static void onUI_quit() {
- }
- /**
- * 串口数据回调接口
- */
- static void onProtocolDataUpdate(const SProtocolData &data) {
- }
- /**
- * 定时器触发函数
- * 不建议在此函数中写耗时操作,否则将影响UI刷新
- * 参数: id
- * 当前所触发定时器的id,与注册时的id相同
- * 返回值: true
- * 继续运行当前定时器
- * false
- * 停止运行当前定时器
- */
- static bool onUI_Timer(int id){
- switch (id) {
- default:
- break;
- }
- return true;
- }
- /**
- * 有新的触摸事件时触发
- * 参数:ev
- * 新的触摸事件
- * 返回值:true
- * 表示该触摸事件在此被拦截,系统不再将此触摸事件传递到控件上
- * false
- * 触摸事件将继续传递到控件上
- */
- static bool onmainActivityTouchEvent(const MotionEvent &ev) {
- switch (ev.mActionStatus) {
- case MotionEvent::E_ACTION_DOWN://触摸按下
- //LOGD("时刻 = %ld 坐标 x = %d, y = %d", ev.mEventTime, ev.mX, ev.mY);
- break;
- case MotionEvent::E_ACTION_MOVE://触摸滑动
- break;
- case MotionEvent::E_ACTION_UP: //触摸抬起
- break;
- default:
- break;
- }
- return false;
- }
- static bool onButtonClick_Button1(ZKButton *pButton) {
- LOGD(" ButtonClick Button1 !!!n");
- mTextView1Ptr->setText("YES");
- return false;
- }
复制代码
0
|
|
|
|