牙叔教程简单易懂
目标这是某乎的搜索界面,输入字符后会显示搜索建议,我们就照着他来仿写一个
分析布局大布局为上下布局
上面是搜索框
下面是搜索建议
搜索框用到的控件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中没找到合适的,可以去