Toggle navigation
首页
问答
文章
积分商城
专家
专区
更多专区...
文档中心
返回主站
搜索
提问
会员
中心
登录
注册
柿饼_PersimmonUI
柿饼UI -- 登录界面
发布于 2019-03-11 21:28:43 浏览:3071
订阅该版
* 本帖最后由 Glen_Young 于 2019-3-11 21:31 编辑 * 周末闲着就利用柿饼模组做了一个简单的登录界面,由于时间有限,没有加入注册功能,之后再加。 界面如下: ![截图1.png](/uploads/201903/10/232906im6tyo6at22drtby.png) 使用到的控件如下框框所标数字: ![截图2.png](/uploads/201903/10/232914h8qzrqoqdmqjdwo8.png) 其中 序号1使用的是Textbox控件。(官方文档:Textbox控件是文本输入框控件,由label和键盘组成。当用户点击Textbox时,能够自动跳转到键盘输入界面,并能够修改文本内容。目前Textbox仅支持输入ASCII码字符。) 通过js代码获取输入到Textbox控件的数据,代码如下: ``` onTextChange1 : function(event){ text1 = event.detail.value; //获取Textbox的当前文本内容 }, onTextChange2 : function(event){ text2 = event.detail.value; //获取Textbox的当前文本内容 },``` 序号2是Button控件,Button是按钮控件。当该控件被触碰到时,能够触发相应的事件。 我们在触发事件中比较输入的用户名和密码与预设的是否相同,相同则进入主界面,否则提示错误。 js代码如下: ```/*button1 触发事件函数 */ onMain:function(event){ if((text1 == "rtt") && (text2 == "young")) { pm.navigateTo('page2/page2');//跳转到页面2,主界面 } else { pm.navigateTo('page4/page4');//跳转到页面4,错误提示界面 } ``` 序号3只是个图片控件,放入的是RT-Thread的log。 具体的效果如下gif所示,其实效果还是蛮清晰的,只是经过手机拍摄和格式转换之后,效果有些模糊和残影。 输入错误的结果: ![Video_20190311211953.gif](/uploads/201903/11/212121d1ol1lpbrsythsyh.gif) 输入成功: ![VID_20190311_212219_20190311212543.gif](/uploads/201903/11/212640uj0b82bijl85ullb.gif) 吐槽一下:传大点的gif不成功,说好的大小不限制的呢? ![截图12.png](/uploads/201903/11/212735gaozyp7uflfgaami.png) 工程文件:![TitanUI.7z](/uploads/201903/11/213128mxy45m55udp1i0cy.attach)
查看更多
5
个回答
默认排序
按发布时间排序
aozima
2019-03-11
调网络不抓包,调I2C等时序不上逻辑分析仪,就像电工不用万用表!多用整理的好的文字,比截图更省流量,还能在整理过程中思考。
这个不错!
Eureka1024
2019-03-11
嵌入式软件开发工程师一枚
>这个不错! --- 实现的功能比较简单,后期再完善
bevis
2019-03-14
这家伙很懒,什么也没写!
做成滑动解锁
DaZhou
2019-04-13
这家伙很懒,什么也没写!
做成滑动解锁+1
Tonny
2019-04-19
这家伙很懒,什么也没写!
>做成滑动解锁 --- 好奇,怎么个滑动解锁法,有密码核对环节吗
撰写答案
登录
注册新账号
关注者
0
被浏览
3.1k
关于作者
Eureka1024
嵌入式软件开发工程师一枚
提问
14
回答
94
被采纳
14
关注TA
发私信
相关问题
1
【PersimmonUI柿饼学习营】+ A Byte of China + 环境搭建&20W年薪广告
2
【柿饼学习营】+werrysuzhen+20W年薪作业
3
【PersimmonUI柿饼学习营】+ meetwit + 20W年薪广告&lesson01
4
【PersimmonUI柿饼学习营】+ DaZhou + 20W年薪作业+视频有彩蛋
5
【PersimmonUI柿饼学习营】+ DMY+ lesson01 20W年薪广告
6
【PersimmonUI柿饼学习营】+ Bigmagic+20W年薪广告&day01
7
【PersimmonUI柿饼学习营】+ chowguohua+年薪广告
8
【柿饼学习营】+werrysuzhen+脚本及事件学习
9
【PersimmonUI柿饼学习营】+ DaZhou+ 手把手教你做计算器
10
【PersimmonUI柿饼学习营】+ A Byte of China + 2048游戏
推荐文章
1
RT-Thread应用项目汇总
2
玩转RT-Thread系列教程
3
国产MCU移植系列教程汇总,欢迎查看!
4
机器人操作系统 (ROS2) 和 RT-Thread 通信
5
五分钟玩转RT-Thread新社区
6
【技术三千问】之《玩转ART-Pi》,看这篇就够了!干货汇总
7
关于STM32H7开发板上使用SDIO接口驱动SD卡挂载文件系统的问题总结
8
STM32的“GPU”——DMA2D实例详解
9
RT-Thread隐藏的宝藏之completion
10
【ART-PI】RT-Thread 开启RTC 与 Alarm组件
最新文章
1
关于studio文件构建及宏控制
2
cubemx RTThread Nano + vscode + cortex + EIDE 环境配置
3
【24嵌入式设计大赛】基于ulog日志管理系统
4
关于使用使用STLINK在RT-Studio里下载程序失败的问题的可能的解决方法
5
RVBacktrace RISC-V极简栈回溯组件V1.2
热门标签
RT-Thread Studio
串口
Env
LWIP
SPI
AT
Bootloader
Hardfault
CAN总线
ART-Pi
FinSH
USB
DMA
文件系统
RT-Thread
SCons
RT-Thread Nano
线程
MQTT
STM32
RTC
rt-smart
FAL
ESP8266
I2C_IIC
WIZnet_W5500
ota在线升级
UART
flash
packages_软件包
cubemx
freemodbus
PWM
BSP
潘多拉开发板_Pandora
定时器
ADC
flashDB
socket
中断
GD32
Debug
编译报错
msh
keil_MDK
rt_mq_消息队列_msg_queue
C++_cpp
at_device
MicroPython
ulog
本月问答贡献
rv666
11
个答案
2
次被采纳
踩姑娘的小蘑菇
9
个答案
2
次被采纳
xiaorui
6
个答案
2
次被采纳
道友
6
个答案
2
次被采纳
三世执戟
5
个答案
2
次被采纳
本月文章贡献
Licy
3
篇文章
1
次点赞
rv666
1
篇文章
7
次点赞
王依依
1
篇文章
5
次点赞
rtt_dmx
1
篇文章
5
次点赞
jaffer
1
篇文章
5
次点赞
回到
顶部
发布
问题
分享
好友
手机
浏览
扫码手机浏览
投诉
建议
回到
底部