Axure PR 9 搜索 百度引擎 设计&交互


大家好,我是大明同学。

这期内容,我们来探讨用Axure制作带百度搜索引擎的搜索设计与交互技巧。

百度 搜索引擎

创建搜索所需的元件

1.在元件库中拖出一个矩形元件,在样式窗格将宽设为900,高设为60,字号20,线段填充颜色设置为灰色(#D9D9D9)线宽 为 1,圆角设为10,边距左侧 15。

2.在元件库中拖出一个按钮元件,在样式窗格将宽设为150,高设为60,字号20 白色 加粗 输入文本"百度一下",填充颜色 蓝色(#4E6EF2),线宽0 圆角 10 可见性 右上,右下角。

3.插入百度 logo

创建交互

输入框

1.选中输入框,在交互窗新建交互,单击时,设置变量值,添加变量 url 默认值:https://www.baidu.com/s?wd=

设置变量值 url 值 插入变量函数 :https://www.baidu.com/s?wd=

看一下完整交互

2.文本属性,显示全部,提交按钮设置为"百度一下",就可以直接按回车键搜索。

百度一下按钮

1.选中"百度一下"按钮元件,在交互窗新建交互,单击时,打开链接 链接到URL或文件路径 插入变量或函数 添加局部变量 LVAR1 等于 元件文字 (文本框)插入变量 \[url]\[LVAR1]

点击更多选项,打开在 新窗口/新标签

预览效果

点击预览,在输入框中输入文本,点击百度一下按钮或按下回车键可以使用百度引擎。

预览地址:https://sfh1mz.axshare.com

OK,这期内容到这里就结束了。

我是大明同学

下期见

相关推荐
沫璃染墨19 小时前
《Qt从零入门系列(十二):Qt文件操作详解——从QFile读写到QFileInfo与记事本实战》
开发语言·网络·c++·qt·交互·信号处理·文件
一条大祥脚1 天前
26 ICPC上海 交互|二分|重心|构造|二分图|贪心|SOSDP|三进制枚举|线性基|字典序贪心|DFS|分块|单侧递归线段树
算法·深度优先·交互·分块·icpc上海站·单侧递归线段树
HwJack202 天前
【共创稿事节】HarmonyOS 7空间交互综述:视线、头部、手势的协同
数码相机·交互·harmonyos
HwJack202 天前
【共创稿事节】HarmonyOS 7手势识别交互:空中手势的语义与容错设计
人工智能·深度学习·华为·交互·harmonyos
小师兄吃牛肉2 天前
C++ 与 Lua 的协程交互:从原理到实战
c++·lua·交互
兰亭妙微UI设计公司3 天前
兰亭妙微UI设计公司 蚂蚁阿福APP拆解:对话式交互如何重构就医全流程?
重构·交互
新新学长搞科研5 天前
【往届稳定EI+scopus检索】第三届人工智能、数字媒体技术与交互设计国际学术会议(ICADI 2026)
人工智能·交互·媒体
平头哥~5 天前
从文化 IP 解读到伴手礼定制,文创设计师智能体背后是 端到端具身交互智能落地
网络协议·tcp/ip·交互
大侠归来5 天前
C++ 与 Lua 的协程交互:从原理到实战
c++·lua·交互
元岳数字人小元6 天前
数字人源码系统:模块化开发赋能智能场景灵活迭代升级
运维·人工智能·开源·人机交互·交互