Toggle navigation
首页
问答
文章
积分商城
专家
专区
更多专区...
文档中心
返回主站
搜索
提问
会员
中心
登录
注册
柿饼_PersimmonUI
柿饼UI -- 登录界面
发布于 2019-03-11 21:28:43 浏览:2943
订阅该版
* 本帖最后由 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
被浏览
2.9k
关于作者
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
机器人操作系统 (ROS2) 和 RT-Thread 通信
4
五分钟玩转RT-Thread新社区
5
国产MCU移植系列教程汇总,欢迎查看!
6
【技术三千问】之《玩转ART-Pi》,看这篇就够了!干货汇总
7
关于STM32H7开发板上使用SDIO接口驱动SD卡挂载文件系统的问题总结
8
STM32的“GPU”——DMA2D实例详解
9
RT-Thread隐藏的宝藏之completion
10
【ART-PI】RT-Thread 开启RTC 与 Alarm组件
最新文章
1
NXP MCXN947测评(一)开箱+环境配置
2
stm32f103的adc+dma多通道采集数据
3
恩智浦FRDM-MCX947上的 IIC(硬件) 实践
4
栈溢出及中断向量偏移BUG记录与分析
5
NXP MCXN947测评之 adc
热门标签
RT-Thread Studio
串口
LWIP
Env
SPI
Bootloader
AT
ART-Pi
CAN总线
Hardfault
FinSH
USB
文件系统
RT-Thread
DMA
SCons
线程
RT-Thread Nano
MQTT
STM32
RTC
FAL
rt-smart
ESP8266
ota在线升级
WIZnet_W5500
cubemx
flash
I2C
UART
packages_软件包
freemodbus
潘多拉开发板_Pandora
PWM
定时器
BSP
ADC
keil_MDK
socket
中断
编译报错
MicroPython
Debug
SDIO总线
GD32
rt_mq_消息队列_msg_queue
ulog
C++_cpp
SFUD
msh
本月问答贡献
xiaorui
20
个答案
3
次被采纳
Juggernaut
12
个答案
3
次被采纳
踩姑娘的小蘑菇
12
个答案
2
次被采纳
小小李sunny
10
个答案
2
次被采纳
a1012112796
8
个答案
1
次被采纳
本月文章贡献
ZVML_9668
4
篇文章
6
次点赞
Lu_盼盼
4
篇文章
3
次点赞
Z_Y
3
篇文章
5
次点赞
ThinkCode
2
篇文章
2
次点赞
oxlm
2
篇文章
1
次点赞
回到
顶部
发布
问题
分享
好友
手机
浏览
扫码手机浏览
投诉
建议
回到
底部