smobiler仿得到app筛选页面

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了smobiler仿得到app筛选页面，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1692字，纯文字阅读大概需要3分钟。

内容图文

原型图：

完整代码见git ：

https://github.com/comsmobiler/BlogsCode/blob/master/Source/BlogsCode_SmobilerForm/Forms/DDSearch.cs

创建窗体

创建一个SmobilerForm ，文件名设置DDSelectForm，将窗体的Layout设置Relative，再设置窗体的Statusbar属性

 

并在窗体中拖入Panel和ListView， 

 

panel1用来放置搜索框， panel1.Height 设置40。listView用来显示搜索结果，listView.Flex设置1 。

实现搜索框

将上图的panel1.Layout设置Relative，panel1.Direction设置Row，panel1.Padding设置(6,6,6,6),panel1.Size设置为(0,40)。

在panel1中拖入imageButton，

 

imageButton1.ImagtType设置FontIcon，

 

imageButton1.ResourceID设置” angle-left” ,

 

imageButton1.Flex设置1，

 

imageButton1.IconColor设置Silver。

 

在imageButton1的点击事件中写this.Close();

 

接着在panel1中拖入panel2，

 

Panel2.BorderRadius设置12，

 

Panel2.Direction设置Row，

 

Panel2.ItemAlign设置Center，

 

Panel2.Layout设置Relative，

 

Panel2.Touchable设置true，

 

Panel2.BackColor设置WhiteSmoke，

 

Panel2.Flex设置1。

 

在panel2 中加入fonticon控件，

 

fontIcon1.Location设置(6,0),

 

fontIcon1.Size设置(15,15),

 

fontIcon1.ForeColor设置Gainsboro，

 

fontIcon1.Resource设置”search”

 

在panel2中加入Label控件，Label控件的Name设置KeyLab，

 

KeyLab.Size设置(0,0)

 

KeyLab.ForeColor设置Gainsboro

 

KeyLab.Location设置（6,0,0,0），

KyeLab.Margin设置（6,0,0,0）

 

KeyLab.Text设置“数学通识”

创建SmobilerUserControl

 

创建一个SmobilerUserControl，文件名设置DDSelectLayout， 将DDSelectLayout.Layout设置Relative，BackColor设置White

 

 

上图panel1 用来实现搜索框，panel4用来放置筛选按钮，步骤和前文中的一样，接着再入两个panel，分别命名为hisPanel和disPanel。hisPanel.Layout设置Relative，Size设置（0，0），用来放置历史记录。

 

disPanel.Layout设置Relative，Flex设置1，用了放置热门搜索项。

 

这样设计器部分就完成了，代码部分请查看git。

 

实现效果

内容总结

以上是互联网集市为您收集整理的smobiler仿得到app筛选页面全部内容，希望文章能够帮你解决smobiler仿得到app筛选页面所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---