1、I 文件的后 缀名。每一个 ftu 文件对应一个应用界面。通常一个应用包含多个界面，所以 你需要在 ui 文件夹下 右键 新建YOXIOS UI 文件 创建多个 ftu 文件。 YOXIOS -基于 Linux 的轻量化 GUI 图形系统和硬件平台 第 9 页 共 41 页 四、演示 Hello World 1、 在控件区域， 拖动 文本控件 和 按键控件 到 界面设计区域， 选择按键控件， 点击鼠标右键，跳转到相关代码，如下图 在这个例程中，ui 的界面文件是 main.ftu，那么对应的逻辑代码文件就是 mainLogic.cc，我们日常的代码实现都是这里。新增的两个控件的 ID 值，文本
2、 YOXIOS -基于 Linux 的轻量化 GUI 图形系统和硬件平台 第 10 页 共 41 页 控件是 TextView1，按钮控件是 Button1。按钮按下的事件，会触发 onButtonClick_Button1 这个函数，我们在这里输入代码 mTextView1Ptr-setText(Hello World!); /设置控件 TextView1 的文字显示为 Hello World! /mTextView1Ptr 是文本控件 TextView1 对应的指针变量，命名规则(m+ID+Ptr) 然后在在 项目管理器 窗口选择 hello 这个项目的目录，点击右键，选择编译 YOXIO
3、S （快捷键 CTRL+ALT+Z），或者导航栏按钮，即可编译整个工程。 如下图 YOXIOS -基于 Linux 的轻量化 GUI 图形系统和硬件平台 第 11 页 共 41 页 如果代码没有错误，则在控制台会显示编译成功的信息。 2、控件命名规则 每一个控件都有一个 ID 名称，经过编译后，会自动生成一个对应的指针变量。 如文本控件的 ID 名称是 TextView1，所对应的指针变量名是 mTextView1Ptr （命名规则固定为 m+ID+Ptr）； YOXIOS -基于 Linux 的轻量化 GUI 图形系统和硬件平台 第 12 页 共 41 页 控件 ID 名称所对应的指针变量已
4、经事件响应函数如下 也可以在 mainActivity.cpp 文件中，查看所有控件的名称。 五、编译下载调试 1、在上面 hello 工程目录下，点击右键下载调试，使用 USB 线将开发板与 电脑连接，正常情况下当前的应用会直接下载到开发板中运行。 YOXIOS -基于 Linux 的轻量化 GUI 图形系统和硬件平台 第 13 页 共 41 页 下图是应用代码推送到开发板之后的执行情况 YOXIOS -基于 Linux 的轻量化 GUI 图形系统和硬件平台 第 14 页 共 41 页 注意： 1、下载调试只是将目前开发的应用推送到目标开发板中运行，但程序并不会固化在开发板 上，也就是重新上
5、电就恢复成原来的应用。如果需要将应用固化到开发板上，请查看下一章 节的烧录固件烧录固件。 2、由于 CPU 硬件资源的不同，X7 的下载调试需要插入 TF 卡，在 TF 卡中临时运行，在重新 上电之后如果 TF 卡中有应用程序，会优先运行 TF 卡中的应用程序。 3、部分机型除了 USB 口下载调试之外，还可以通过网口和 wifi 来进行调试，可以通过调试 配置YOXIOS ADB 连接方式，设置为 USB 或网络 IP 地址。如果 USB 和 WIFI 都不能下载 程序，还可以使用 TF 卡启动程序。 2、LOG 调试和查看日志 YOXIOS 的打印统一调用 LOGD 或 LOGE 宏输出，
6、使用方法与 C 语言的 printf 相同 ; 默认生成的代码里就有调用的例子（默认被注释掉，需要时打 开），代码如下： #include utils/Log.h/需要调用头文件 static bool onButtonClick_Button1(ZKButton *pButton) LOGD(onButtonClick_Button1n); /打印输出日志 return true; 在菜单栏上 选择 调试配置 - 切换日志窗口 ，工具会切换到另一个界面，这 是程序执行的日志可以在这个窗口进行查看。 注意，此功能需要安装和连接好 ADB YOXIOS -基于 Linux 的轻量化 GUI 图形
7、系统和硬件平台 第 15 页 共 41 页 3、命令行模式 在菜单栏 调试配置 打开系统命令行 可以使用命令行模式与系统通信 在系统命令行模式下，输入 adb shell ls，可以列出目录内容，如下图 注意：命令行模式谨慎使用 六、烧录固件和修改开机 LOGO 1、修改开机 LOGO YOXIOS -基于 Linux 的轻量化 GUI 图形系统和硬件平台 第 16 页 共 41 页 YOXIOS 系统允许用户自行修改开机 LOGO，首先准备一张开机 LOGO 图片， 图片必须满足以下条件： 1、图片名称固定为 boot_logo.JPG，注意，文件后缀是大写的 JPG； 其 他名称将无法识别
8、。 2、图片大小不能超过 128KB。 3、图片分辨率必须与屏幕分辨率完全相同，如 480*272，800*480。 操作步骤： 首先将 boot_logo.JPG 拷贝到 TF 卡根目录下，再将 TF 卡插入到机器中，设 备会自动弹出升级提示或者重新开机，出现下图界面后，选择 boot_logo 然 后点击升级即可。升级完成后系统会关机重启，此时拔出 TF 卡，防止系统再 次升级。 提示： 升级一张全黑的图片可以去掉开机 LOGO。 2、烧录固件 YOXIOS -基于 Linux 的轻量化 GUI 图形系统和硬件平台 第 17 页 共 41 页 我们通过下载调试运行程序，并不能将程序固化到设
9、备中，如果您拔掉 TF 卡 或者断电重启，程序将自动恢复。 烧录固件可以将程序固化在设备内部，一 上电，默认就会启动该程序。 选择菜单栏 制作 image 升级包按钮，选择路径配置，在弹出框中选择 TF 卡目录或者镜像文件的输出目录，点确定。 配置好输出目录，现在点击上图中的按钮开始编译，它会将编译结果打包，并 生成 update.img 文件输出到配置的目录下。update.img 文件成功生成后， 将其拷贝到 TF 卡里(注意：使用前，请将 TF 卡格式化为 FAT32 格式)，将 TF 卡插入机器中，机器重新上电，系统检测到 TF 卡里的文件，就会启动升级程 YOXIOS -基于 Lin
10、ux 的轻量化 GUI 图形系统和硬件平台 第 18 页 共 41 页 序，在下图的界面中，勾选升级的项目，点击升级。升级完成后及时拔掉升级 卡，防止重复升级。 注意：如果屏幕损坏或触摸不准情况下，导致不能通过点击按钮进行升级，那么这种情况下， 我们可以通过自动升级自动升级方式来升级系统，请查看 。 3、从 TF 卡启动程序 如果 USB 或 WIFI 都不能下载程序，可以使用 TF 卡来启动程序。点击导航条 旁边编译输出按钮的黑色下拉箭头，在弹出的菜单中选择 路径配置， 在弹出的对话框里选择 TF 卡盘符， 请确保 TF 卡可以正常使用， 并且是 FAT32 格式。 YOXIOS -基于 L
11、inux 的轻量化 GUI 图形系统和硬件平台 第 19 页 共 41 页 配置好输出目录之后，点击上图中的编译输出按钮开始编译，它会将编译结果 打包输出到配置的盘符下。操作成功后， 将在 TF 卡的根目录下生成 EasyUI.cfg 、ui、lib、 font 等目录和文件。将 TF 卡插入机器中，重新上电， 系统检测到 TF 卡里的文件，就会启动卡里的程序，而不是系统内的程序。 七、多窗口界面和控件介绍 1、第一个启动界面 当我们新建一个工程时，生成的模板代码里面有一个 Main.cpp 文件， jni/Main.cpp，其中 onStartupApp 是启动时调用的界面，下图红框内表示
12、启动的是 mainActivity 界面，对应的 UI 资源文件为 main.ftu。 YOXIOS -基于 Linux 的轻量化 GUI 图形系统和硬件平台 第 20 页 共 41 页 我们也可以看一下 jni/activity/mainActivity.cpp 里面的代码，就清楚知道 对应的是哪个 UI 资源了，如下图 2、多个应用界面 在 ui 目录下右键，选择新建YOXIOS UI 文件，在弹出的新窗口输入新 UI 文 件名，我们在这个例程中输入 setup.ftu,点确定即可新建一个 setup 的窗口。 YOXIOS -基于 Linux 的轻量化 GUI 图形系统和硬件平台 第 2
13、1 页 共 41 页 在 Main.ftu 主窗口中， 我们新增一个按键， 并且增加下面一行代码来打开 setup 窗口。EASYUICONTEXT-openActivity(setupActivity); YOXIOS -基于 Linux 的轻量化 GUI 图形系统和硬件平台 第 22 页 共 41 页 在 setup.ftu 界面，我们也新增一个按钮，并且把按钮的 ID 名字改为 sys_back, 不需要写代码， 即可返回上一个界面。 也可以使用EASYUICONTEXT-goBack(); 语句，来銰椀搀栀琀洀氀鄀怃嚶5gwap前台访问/BookRead.aspx?id=1162849
14、42.156.136.220嚒%最搀栀琀洀氀錀嚷鳃/Mg前台访问/p-2775809.html157.55.39.2280嚔%最瀀栀琀洀氀销嚹/Ig前台访问/p-35146.html123.183.224.1730嚖勈嚄銰鶚最椀渀昀漀栀琀洀氀需葒嚺/Mg前台访问/p-2775320.html54.36.148.2120嚘%掠攀搀栀琀洀氀餀嚺5Sqwap前台访问/p-2841845.html220.181.108.1830嚚%最瀀栀琀洀氀鬀嚽/Ke前台访问/p-648128.html157.55.39.2280嚜%攀搀栀琀洀氀鴀葒嚽蓒/Mi前台访问/d-2262860.html185.191.1
15、71.170嚞勈嚄愀笀漀漀欀刀攀愀搀愀猀瀀砀椀搀鼀嚾鳃/Mg前台访问/p-2230972.html157.55.39.1340嚠%欀搀栀琀洀氀囓囀5wap前台访问/free-0000100005.html?page=106&tc=109842.120.161.200嚢勈嚄匀焀猀椀琀攀洀愀瀀栀琀洀氀倀囁鳃/Mi前台访问/p-1290174.html185.191.171.220嚤儀欀椀渀昀漀栀琀洀氀囃鳃/Mg前台访问/d-1986498.html157.55.39.1340嚦%攀瀀栀琀洀氀囄/Mg前台访问/p-1615183.html58.250.125.950嚨勈嚄銰最瀀栀琀洀氀囆/Mg前台访
16、问/p-1608602.html58.250.125.940嚪%最瀀栀琀洀氀囇鳃/Mi前台访问/p-2224148.html58.250.125.1150嚬勈嚄劰最瀀栀琀洀氀堀囈鳃/Mi前台访问/p-2457467.html185.191.171.130嚮阯椀瀀栀琀洀氀堀囈5Sowap前台访问/p-2854224.html116.179.32.2410嚰%最瀀栀琀洀氀葒葖囉/Mk前台访问/p-2854870.html220.181.108.1170嚲最瀀栀琀洀氀囍鳃/Mg前台访问/p-1950938.html58.250.125.900嚴%掠匀洀眀愀瀀搀栀琀洀氀囎鳃/Mi前台访问/p-2729
17、326.html58.250.125.1490嚶勈嚄璔攀瀀栀琀洀氀怀囏/Mg前台访问/p-2352994.html157.55.39.1890嚸勈嚄犰最瀀栀琀洀氀怀囏/Mi前台访问/p-2571349.html58.250.125.1110嚺%掠最瀀栀琀洀氀葒恖囏衒/Mi前台访问/p-1517937.html58.250.125.1320嚼儀欀眀愀瀀瀀栀琀洀氀谀囐5Smwap前台访问/d-2835178.html116.179.32.850嚾聠攀茀眀愀瀀漀漀欀刀攀愀搀愀猀瀀砀椀搀持囑/Kg前台访问/p-189603.html58.250.125.1320囀%掠攀瀀栀琀洀氀持囑瀴/Kg前台访问/
18、p-923430.html58.250.125.1090囂勈嚄崪椀瀀栀琀洀氀葒囑/Mi前台访问/p-1525530.html58.250.125.1330囄勈嚄崪最搀栀琀洀氀葒囒瑲/Mg前台访问/p-2756049.html54.36.148.1700囆勈嚄犰最瀀栀琀洀氀葒囔儒/Mg前台访问/p-1492057.html157.55.39.1890囈%阯攀瀀栀琀洀氀持囔/Mg前台访问/p-1526638.html183.36.114.890囊勈嚄獑椀瀀栀琀洀氀葒囔骒/Mg前台访问/p-1991993.html58.250.125.680囌勈嚄匀洀漀爀搀攀爀栀琀洀氀堃囕衒/Kc前台访问/p-17
19、5361.html183.36.115.90囎勈嚄劰椀瀀栀琀洀氀葒囕衒/Kg前台访问/p-164592.html58.250.125.1430囐剣欀瀀栀琀洀氀栀囖/Mg前台访问/p-2774392.html54.36.148.2120囒椀瀀栀琀洀氀鐀囗/Mi前台访问/p-2770878.html183.36.115.1050囔勈嚄劰最瀀栀琀洀氀鐀囗鳃/Me前台访问/p-1833365.html58.250.125.60囖剣最瀀栀琀洀氀囘5Sowap前台访问/d-2858693.html116.179.32.1550囘椀瀀栀琀洀氀葒囘瑲/Mi前台访问/p-2057575.html58.250.1
20、25.119-搁埑埞E-搁埑域E-搁埑域E-搁埑皯域E-搁埑域E-搁埑域E-搁埑埠E-搁埑戙埠E-搁埑埠E弒-搁埑埡E弒-搁埑徉埡E弒-搁埑鞉埡E弒-搁埑埡E弒-搁埑埡E弒-搁埑埢E弒-搁埑埢E弒-搁尀埒惹埢E弒-搁尀埒騊埢E弒-搁尀埒埢E弒-搁尀埒埣E弒-搁尀埒灢埣E弒-搁尀埒埣E弒-搁尀埒埣E弒-搁尀埒埤E弒-搁尀埒苋埤E弒-搁尀埒埤E弒-搁尀埒埤E弒-搁尀埒埥E弒-搁尀埒埥E弒-搁尀埒灕埥E弒-搁尀埒埥E弒-搁尀埒埥E弒-搁尀埒埦E弒-搁尀埒玤埦E弒-搁尀埒埦E弒-搁尀埒埦E弒-搁尀埒埧E弒-搁尀埒寝埧E弒-搁尀埒闡埧E弒-搁尀埒埧E弒-搁尀埒埧E弒-搁尀埒伋埨E弒-搁尀埒埨E弒-搁尀埒
21、埨E弒-搁尀埒埩E弒-搁尀埒袓埩E弒-搁尀埒埩E弒-搁尀埒埩E弒-搁尀埒埪E弒-搁尀埒朣埪E弒-搁尀埒顐埪E弒-搁尀埒埪E弒-搁尀埒埪E弒-搁尀埒埫E弒-搁尀埒劽埫E弒-搁尀埒胐埫E弒-搁尀埒埫E弒-搁尀埒埫E弒-搁尀埒埬E弒-搁蠀埓埬E弒-搁蠀埓熅埬E弒-搁蠀埓埬E弒-搁蠀埓埬E弒-搁蠀埓埭E弒-搁蠀埓埭E弒-搁蠀埓&埮E弒-搁蠀埓攦埮E弒-搁蠀埓埮E弒-搁蠀埓埯E弒-搁蠀埓疪埯E弒-搁蠀埓埯E弒-搁蠀埓埰E弒-搁蠀埓埰E弒-搁蠀埓梣埱E弒-搁蠀埓埱E弒-搁蠀埓埲E弒-搁蠀埓譒埲E弒-搁蠀埓埲E弒-搁蠀埓埳E弒-搁蠀埓埳E弒-搁蠀埓臕埳E弒-搁蠀埓埳E弒-搁蠀埓棟埴E弒-搁蠀埓埴E弒-搁蠀埓
22、埵E弒-搁蠀埓瀚埵E弒-搁蠀埓埵E弒-搁蠀埓埵E弒-搁蠀埓埶E弒-搁蠀埓埶E弒-搁蠀埓漹執E弒-搁蠀埓執E弒-搁蠀埓熆埸E弒-搁埔埸E弒-搁埔殖培E弒-搁埔培E弒-搁埔基E弒-搁埔舫基E弒-搁埔基E弒-搁埔埻E弒-搁埔埻E弒-搁埔見埻E弒-搁埔埻E弒-搁埔埼E弒-搁埔咵埼E弒-搁埔韮埼-搁埔埼E弒-搁埔埽E弒-搁埔搖埽E弒-搁埔埽E弒-搁埔埾E弒-搁埔埾E弒-搁埔埿E弒-搁埔埿E弒-搁埔堀E弒-搁埔堁E弒-搁埔別堂E弒-搁埔堂E弒-搁埔漯堃E弒-搁埔堄E弒-搁埔堄E弒-搁埔喼堅E弒-搁埔堅E弒-搁埔儴堆E弒-搁埔堆E弒-搁埔堇E弒-搁埔妳堇E盛-搁埔堇E净-搁埔異堈E净-搁埔堈E净-搁埔咡堉E
23、净-搁埕堉E净-搁埕堉E净-搁埕倏堊E净-搁埕堊E净-搁埕堊E净-搁埕希堋E净-搁埕堌E净-搁埕堌E净-搁埕呟堍E净-搁埕堍E净-搁埕堎E净-搁埕裺堏E净-搁埕堐E净-搁埕脯堐E净-搁埕堐E净-搁埕堑E净-搁埕鑉堑E净-搁埕堑E净-搁埕膮堒E净-搁埕堓E净-搁埕堓E净-搁埕堔E净-搁埕堔E净-搁埕堕E净-搁埕瘖堕E净-搁埕堕E净-搁埕堖E净-搁埕赐堖E净-搁埕堖E净-搁埕駶堗E净-搁埕堘E净-搁埕堘E净-搁埕乆堙E净-搁埕堙E净-搁埕堚E畑-搁埕珍堚E畑-搁埕堚E净-搁埕堛E净-搁埕軜堛E净-搁埕堛E畑-搁埕懰堜E净-搁埕堜E净-搁埕堝E畑-搁埕谐堝E畑-搁埕堝E畑-搁埕堞E畑-搁埗堞E畑-搁埗堟E畑-搁埗鎢堟E畑-搁埗嫗堠E净-搁埗滼堡E净-搁埗蔍堢E畑-搁埗縒堣E净-搁埗堤E畑-搁埗
个人主页
