autojs搜索框显示搜索建议

中科助力健康中国 http://nb.ifeng.com/a/20180502/6544330_0.shtml

牙叔教程简单易懂

目标

这是某乎的搜索界面,输入字符后会显示搜索建议,我们就照着他来仿写一个

分析布局

大布局为上下布局

上面是搜索框

下面是搜索建议

搜索框用到的控件

input

img

text

搜索框布局外面的圆角可以用card控件做圆角,也可以用bg属性做圆角背景,

这里我们选择card做圆角;

如果后面觉得card不合适,我们再换成bg;

在card里面有三个控件

左侧的放大镜

中间的文字

右侧的X按钮

这个布局可以使用frame,也可以使用horizontal;

使用frame的话,调整控件的距离就用margin;

使用horizontal的话,把X按钮靠右即可,不用太考虑margin

输入框就分析完了,我们先来写输入框

ui.layout(horizontalcardhorizontalimg/imginput/inputimg/img/horizontal/cardtexttext="取消"/text/horizontal);如果内置icon中没找到合适的,可以去


转载请注明:http://www.aierlanlan.com/grrz/9202.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了