rbx2代码解读-rbx2_gui
rbx2代码解读-rbx2_gui
说明：
- 介绍与页面控制相关的功能
文件树及说明：
├── CMakeLists.txt
├── dhttpd.sh
├── favicon.ico
├── images
│ ├── arrow-down.jpg
│ ├── arrow-left.jpg
│ ├── arrow-right.jpg
│ ├── arrow-up.jpg
│ ├── battery_charging.jpg
│ ├── battery_charging.png
│ ├── camera_pan.jpg
│ └── stop.jpg
├── js
│ ├── easeljs.min.js
│ ├── eventemitter2.min.js
│ ├── jquery-1.10.2.min.js
│ ├── jquery-1.8.3.js
│ ├── jquery.longclick-min.js
│ ├── jqwidgets
│ │ ├── globalization
│ │ │ ├── globalize.culture.cs-CZ.js
│ │ │ ├── globalize.culture.de-DE.js
│ │ │ ├── globalize.culture.en-CA.js
│ │ │ ├── globalize.culture.en-US.js
│ │ │ ├── globalize.culture.fr-FR.js
│ │ │ ├── globalize.culture.he-IL.js
│ │ │ ├── globalize.culture.hr-HR.js
│ │ │ ├── globalize.culture.hu-HU.js
│ │ │ ├── globalize.culture.it-IT.js
│ │ │ ├── globalize.culture.ja-JP.js
│ │ │ ├── globalize.culture.lt.js
│ │ │ ├── globalize.culture.ru-RU.js
│ │ │ ├── globalize.culture.sa-IN.js
│ │ │ ├── globalize.js
│ │ │ └── ReadMe.txt
│ │ ├── jqx-all.js
│ │ ├── jqxbuttongroup.js
│ │ ├── jqxbuttons.js
│ │ ├── jqxcalendar.js
│ │ ├── jqxchart.js
│ │ ├── jqxcheckbox.js
│ │ ├── jqxcolorpicker.js
│ │ ├── jqxcombobox.js
│ │ ├── jqxcore.js
│ │ ├── jqxdata.export.js
│ │ ├── jqxdata.js
│ │ ├── jqxdatetimeinput.js
│ │ ├── jqxdocking.js
│ │ ├── jqxdockpanel.js
│ │ ├── jqxdragdrop.js
│ │ ├── jqxdropdownbutton.js
│ │ ├── jqxdropdownlist.js
│ │ ├── jqxexpander.js
│ │ ├── jqxgauge.js
│ │ ├── jqxgrid.aggregates.js
│ │ ├── jqxgrid.columnsreorder.js
│ │ ├── jqxgrid.columnsresize.js
│ │ ├── jqxgrid.edit.js
│ │ ├── jqxgrid.export.js
│ │ ├── jqxgrid.filter.js
│ │ ├── jqxgrid.grouping.js
│ │ ├── jqxgrid.js
│ │ ├── jqxgrid.pager.js
│ │ ├── jqxgrid.selection.js
│ │ ├── jqxgrid.sort.js
│ │ ├── jqxgrid.storage.js
│ │ ├── jqxinput.js
│ │ ├── jqxknockout.js
│ │ ├── jqxlistbox.js
│ │ ├── jqxlistmenu.js
│ │ ├── jqxmaskedinput.js
│ │ ├── jqxmenu.js
│ │ ├── jqxnavigationbar.js
│ │ ├── jqxnumberinput.js
│ │ ├── jqxpanel.js
│ │ ├── jqxpasswordinput.js
│ │ ├── jqxprogressbar.js
│ │ ├── jqxradiobutton.js
│ │ ├── jqxrating.js
│ │ ├── jqxresponse.js
│ │ ├── jqxscrollbar.js
│ │ ├── jqxscrollview.js
│ │ ├── jqxslider.js
│ │ ├── jqxsplitter.js
│ │ ├── jqxswitchbutton.js
│ │ ├── jqxtabs.js
│ │ ├── jqxtooltip.js
│ │ ├── jqxtouch.js
│ │ ├── jqxtree.js
│ │ ├── jqxtreemap.js
│ │ ├── jqxvalidator.js
│ │ ├── jqxwindow.js
│ │ └── styles
│ │ ├── images
│ │ │ ├── backgroundTop.png
│ │ │ ├── backImage.png
│ │ │ ├── bg_black_horizontal.png
│ │ │ ├── bg_blackhover_horizontal.png
│ │ │ ├── bg_blackhover.png
│ │ │ ├── bg_black.png
│ │ │ ├── bg_blackpressed_horizontal.png
│ │ │ ├── bg_blackpressed.png
│ │ │ ├── bg_blueenergy.png
│ │ │ ├── bg_darkbluehover.png
│ │ │ ├── bg_darkblue.png
│ │ │ ├── bg_darkbluepressed.png
│ │ │ ├── blackbackground.png
│ │ │ ├── black_gradient.png
│ │ │ ├── check_black.png
│ │ │ ├── check_disabled.png
│ │ │ ├── check_indeterminate_black.png
│ │ │ ├── check_indeterminate_disabled.png
│ │ │ ├── check_indeterminate_white.png
│ │ │ ├── check_white.png
│ │ │ ├── close.png
│ │ │ ├── close_white.png
│ │ │ ├── colorpicker
│ │ │ │ ├── bar-hue.png
│ │ │ │ ├── bar-saturation.png
│ │ │ │ ├── map-hue.png
│ │ │ │ ├── map-saturation-overlay.png
│ │ │ │ ├── map-saturation.png
│ │ │ │ └── ReadMe.txt
│ │ │ ├── crosshair.png
│ │ │ ├── crosshair-white.png
│ │ │ ├── darkness
│ │ │ │ ├── ReadMe.txt
│ │ │ │ ├── ui-bg_flat_30_cccccc_40x100.png
│ │ │ │ ├── ui-bg_flat_50_5c5c5c_40x100.png
│ │ │ │ ├── ui-bg_glass_20_555555_1x400.png
│ │ │ │ ├── ui-bg_glass_40_0078a3_1x400.png
│ │ │ │ ├── ui-bg_glass_40_ffc73d_1x400.png
│ │ │ │ ├── ui-bg_gloss-wave_25_333333_500x100.png
│ │ │ │ ├── ui-bg_highlight-soft_80_eeeeee_1x100.png
│ │ │ │ ├── ui-bg_inset-soft_25_000000_1x100.png
│ │ │ │ ├── ui-bg_inset-soft_30_f58400_1x100.png
│ │ │ │ ├── ui-icons_222222_256x240.png
│ │ │ │ ├── ui-icons_4b8e0b_256x240.png
│ │ │ │ ├── ui-icons_a83300_256x240.png
│ │ │ │ ├── ui-icons_cccccc_256x240.png
│ │ │ │ └── ui-icons_ffffff_256x240.png
│ │ │ ├── darkred_gradient.png
│ │ │ ├── dragcancel.png
│ │ │ ├── drag.png
│ │ │ ├── filter.png
│ │ │ ├── icon-down.png
│ │ │ ├── icon-down-white.png
│ │ │ ├── icon-left.png
│ │ │ ├── icon-left-white.png
│ │ │ ├── icon-right.png
│ │ │ ├── icon-right-white.png
│ │ │ ├── icon-showpassword.png
│ │ │ ├── icon-up.png
│ │ │ ├── icon-up-white.png
│ │ │ ├── le-frog
│ │ │ │ ├── ReadMe.txt
│ │ │ │ ├── ui-bg_diagonals-small_0_aaaaaa_40x40.png
│ │ │ │ ├── ui-bg_diagonals-thick_15_444444_40x40.png
│ │ │ │ ├── ui-bg_diagonals-thick_95_ffdc2e_40x40.png
│ │ │ │ ├── ui-bg_glass_55_fbf5d0_1x400.png
│ │ │ │ ├── ui-bg_highlight-hard_30_285c00_1x100.png
│ │ │ │ ├── ui-bg_highlight-soft_33_3a8104_1x100.png
│ │ │ │ ├── ui-bg_highlight-soft_50_4eb305_1x100.png
│ │ │ │ ├── ui-bg_highlight-soft_60_4ca20b_1x100.png
│ │ │ │ ├── ui-bg_inset-soft_10_285c00_1x100.png
│ │ │ │ ├── ui-icons_4eb305_256x240.png
│ │ │ │ ├── ui-icons_72b42d_256x240.png
│ │ │ │ ├── ui-icons_cd0a0a_256x240.png
│ │ │ │ └── ui-icons_ffffff_256x240.png
│ │ │ ├── lightness
│ │ │ │ ├── ReadMe.txt
│ │ │ │ ├── ui-bg_diagonals-thick_18_b81900_40x40.png
│ │ │ │ ├── ui-bg_diagonals-thick_20_666666_40x40.png
│ │ │ │ ├── ui-bg_flat_10_000000_40x100.png
│ │ │ │ ├── ui-bg_glass_100_f6f6f6_1x400.png
│ │ │ │ ├── ui-bg_glass_100_fdf5ce_1x400.png
│ │ │ │ ├── ui-bg_glass_65_ffffff_1x400.png
│ │ │ │ ├── ui-bg_gloss-wave_35_f6a828_500x100.png
│ │ │ │ ├── ui-bg_highlight-soft_100_eeeeee_1x100.png
│ │ │ │ ├── ui-bg_highlight-soft_75_ffe45c_1x100.png
│ │ │ │ ├── ui-icons_222222_256x240.png
│ │ │ │ ├── ui-icons_228ef1_256x240.png
│ │ │ │ ├── ui-icons_ef8c08_256x240.png
│ │ │ │ ├── ui-icons_ffd27a_256x240.png
│ │ │ │ └── ui-icons_ffffff_256x240.png
│ │ │ ├── loader.gif
│ │ │ ├── menubutton.png
│ │ │ ├── metro-icon-down.png
│ │ │ ├── metro-icon-down-white.png
│ │ │ ├── metro-icon-left.png
│ │ │ ├── metro-icon-left-white.png
│ │ │ ├── metro-icon-right.png
│ │ │ ├── metro-icon-right-white.png
│ │ │ ├── metro-icon-up.png
│ │ │ ├── metro-icon-up-white.png
│ │ │ ├── multi-arrow.gif
│ │ │ ├── office-icon-down.png
│ │ │ ├── office-icon-left.png
│ │ │ ├── office-icon-right.png
│ │ │ ├── office-icon-up.png
│ │ │ ├── overcast
│ │ │ │ ├── ReadMe.txt
│ │ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png
│ │ │ │ ├── ui-bg_flat_0_eeeeee_40x100.png
│ │ │ │ ├── ui-bg_flat_55_c0402a_40x100.png
│ │ │ │ ├── ui-bg_flat_55_eeeeee_40x100.png
│ │ │ │ ├── ui-bg_glass_100_f8f8f8_1x400.png
│ │ │ │ ├── ui-bg_glass_35_dddddd_1x400.png
│ │ │ │ ├── ui-bg_glass_60_eeeeee_1x400.png
│ │ │ │ ├── ui-bg_inset-hard_75_999999_1x100.png
│ │ │ │ ├── ui-bg_inset-soft_50_c9c9c9_1x100.png
│ │ │ │ ├── ui-icons_3383bb_256x240.png
│ │ │ │ ├── ui-icons_454545_256x240.png
│ │ │ │ ├── ui-icons_70b2e1_256x240.png
│ │ │ │ ├── ui-icons_999999_256x240.png
│ │ │ │ └── ui-icons_fbc856_256x240.png
│ │ │ ├── pointer.png
│ │ │ ├── rangebar_classic.png
│ │ │ ├── rangebar_darkblue.png
│ │ │ ├── rangebar_shinyblack.png
│ │ │ ├── rangebar_summer.png
│ │ │ ├── red_arrow_down.png
│ │ │ ├── red_arrow_up.png
│ │ │ ├── red_gradient.png
│ │ │ ├── redmond
│ │ │ │ ├── ReadMe.txt
│ │ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png
│ │ │ │ ├── ui-bg_flat_55_fbec88_40x100.png
│ │ │ │ ├── ui-bg_glass_75_d0e5f5_1x400.png
│ │ │ │ ├── ui-bg_glass_85_dfeffc_1x400.png
│ │ │ │ ├── ui-bg_glass_95_fef1ec_1x400.png
│ │ │ │ ├── ui-bg_gloss-wave_55_5c9ccc_500x100.png
│ │ │ │ ├── ui-bg_inset-hard_100_f5f8f9_1x100.png
│ │ │ │ ├── ui-bg_inset-hard_100_fcfdfd_1x100.png
│ │ │ │ ├── ui-icons_217bc0_256x240.png
│ │ │ │ ├── ui-icons_2e83ff_256x240.png
│ │ │ │ ├── ui-icons_469bdd_256x240.png
│ │ │ │ ├── ui-icons_6da8d5_256x240.png
│ │ │ │ ├── ui-icons_cd0a0a_256x240.png
│ │ │ │ ├── ui-icons_d8e7f3_256x240.png
│ │ │ │ └── ui-icons_f9bd01_256x240.png
│ │ │ ├── roundbg_check_black.png
│ │ │ ├── roundbg_check_disabled.png
│ │ │ ├── roundbg_check_indeterminate.png
│ │ │ ├── roundbg_check_white.png
│ │ │ ├── roundbg_classic_hover.png
│ │ │ ├── roundbg_classic_normal.png
│ │ │ ├── roundbg_disabled.png
│ │ │ ├── smoothness
│ │ │ │ ├── ReadMe.txt
│ │ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png
│ │ │ │ ├── ui-bg_flat_75_ffffff_40x100.png
│ │ │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png
│ │ │ │ ├── ui-bg_glass_65_ffffff_1x400.png
│ │ │ │ ├── ui-bg_glass_75_dadada_1x400.png
│ │ │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png
│ │ │ │ ├── ui-bg_glass_95_fef1ec_1x400.png
│ │ │ │ ├── ui-bg_highlight-soft_75_cccccc_1x100.png
│ │ │ │ ├── ui-icons_222222_256x240.png
│ │ │ │ ├── ui-icons_2e83ff_256x240.png
│ │ │ │ ├── ui-icons_454545_256x240.png
│ │ │ │ ├── ui-icons_888888_256x240.png
│ │ │ │ └── ui-icons_cd0a0a_256x240.png
│ │ │ ├── sortascbutton.png
│ │ │ ├── sortasc.png
│ │ │ ├── sortdescbutton.png
│ │ │ ├── sortdesc.png
│ │ │ ├── sortremove.png
│ │ │ ├── star_disabled.png
│ │ │ ├── star_hover.png
│ │ │ ├── star.png
│ │ │ ├── start
│ │ │ │ ├── ReadMe.txt
│ │ │ │ ├── ui-bg_flat_55_999999_40x100.png
│ │ │ │ ├── ui-bg_flat_75_aaaaaa_40x100.png
│ │ │ │ ├── ui-bg_glass_45_0078ae_1x400.png
│ │ │ │ ├── ui-bg_glass_55_f8da4e_1x400.png
│ │ │ │ ├── ui-bg_glass_75_79c9ec_1x400.png
│ │ │ │ ├── ui-bg_gloss-wave_45_e14f1c_500x100.png
│ │ │ │ ├── ui-bg_gloss-wave_50_6eac2c_500x100.png
│ │ │ │ ├── ui-bg_gloss-wave_75_2191c0_500x100.png
│ │ │ │ ├── ui-bg_inset-hard_100_fcfdfd_1x100.png
│ │ │ │ ├── ui-icons_0078ae_256x240.png
│ │ │ │ ├── ui-icons_056b93_256x240.png
│ │ │ │ ├── ui-icons_d8e7f3_256x240.png
│ │ │ │ ├── ui-icons_e0fdff_256x240.png
│ │ │ │ ├── ui-icons_f5e175_256x240.png
│ │ │ │ ├── ui-icons_f7a50d_256x240.png
│ │ │ │ └── ui-icons_fcd113_256x240.png
│ │ │ ├── sunny
│ │ │ │ ├── ReadMe.txt
│ │ │ │ ├── ui-bg_diagonals-medium_20_d34d17_40x40.png
│ │ │ │ ├── ui-bg_flat_30_cccccc_40x100.png
│ │ │ │ ├── ui-bg_flat_50_5c5c5c_40x100.png
│ │ │ │ ├── ui-bg_gloss-wave_45_817865_500x100.png
│ │ │ │ ├── ui-bg_gloss-wave_60_fece2f_500x100.png
│ │ │ │ ├── ui-bg_gloss-wave_70_ffdd57_500x100.png
│ │ │ │ ├── ui-bg_gloss-wave_90_fff9e5_500x100.png
│ │ │ │ ├── ui-bg_highlight-soft_100_feeebd_1x100.png
│ │ │ │ ├── ui-bg_inset-soft_30_ffffff_1x100.png
│ │ │ │ ├── ui-icons_3d3d3d_256x240.png
│ │ │ │ ├── ui-icons_bd7b00_256x240.png
│ │ │ │ ├── ui-icons_d19405_256x240.png
│ │ │ │ ├── ui-icons_eb990f_256x240.png
│ │ │ │ ├── ui-icons_ed9f26_256x240.png
│ │ │ │ ├── ui-icons_fadc7a_256x240.png
│ │ │ │ └── ui-icons_ffe180_256x240.png
│ │ │ ├── tick.png
│ │ │ ├── track_classic.png
│ │ │ ├── track_darkblue.png
│ │ │ ├── track_shinyblack.png
│ │ │ └── track_summer.png
│ │ ├── jqx.arctic.css
│ │ ├── jqx.base.css
│ │ ├── jqx.black.css
│ │ ├── jqx.bootstrap.css
│ │ ├── jqx.classic.css
│ │ ├── jqx.darkblue.css
│ │ ├── jqx.energyblue.css
│ │ ├── jqx.fresh.css
│ │ ├── jqx.highcontrast.css
│ │ ├── jqx.metro.css
│ │ ├── jqx.metrodark.css
│ │ ├── jqx.office.css
│ │ ├── jqx.orange.css
│ │ ├── jqx.shinyblack.css
│ │ ├── jqx.summer.css
│ │ ├── jqx.ui-darkness.css
│ │ ├── jqx.ui-le-frog.css
│ │ ├── jqx.ui-lightness.css
│ │ ├── jqx.ui-overcast.css
│ │ ├── jqx.ui-redmond.css
│ │ ├── jqx.ui-smoothness.css
│ │ ├── jqx.ui-start.css
│ │ ├── jqx.ui-sunny.css
│ │ └── jqx.web.css
│ ├── kinetic-v5.0.1.min.js
│ ├── kinetic-v5.1.0.min.js
│ ├── mjpegcanvas.min.js
│ ├── nav2d.js
│ ├── pi_remote2.js
│ ├── robot_gui.js
│ ├── ros2d.js
│ ├── ros2d.min.js
│ ├── ros3d.min.js
│ ├── roslib.min.js
│ ├── simple_gui.js
│ └── three.min.js
├── launch
│ ├── node_launcher_plus_rosbridge.launch
│ ├── rosbridge.launch
│ └── web_video_server.launch
├── mainpage.dox
├── mjpeg_server.html
├── nav.rviz
├── package.xml
├── pi_remote2.html
├── robot_gui.html
├── scripts
│ ├── install-js-packages.sh
│ ├── mini-httpd.conf
│ └── mini-httpd.sh
├── simple_gui.html
├── styles
│ ├── pi_remote.css
│ └── robot_gui.css
├── tabs
│ ├── diagnostics.html
│ ├── main.html
│ ├── misc.html
│ ├── navigation.html
│ └── parameters.html
├── test_grid.html
└── test_map.html
参考：
- https://github.com/ncnynl/rbx2/rbx2_gui
获取最新文章: 扫一扫右上角的二维码加入“创客智造”公众号