本源码转载自利快云https://www.lkuaiy.com/

火山安卓仿拼多多商品列表框

 

一、简单的仿一个拼多多商品列表

1、下面是一个拼多多商品列表效果,我们简单的来分析一下里面的元素。

2、首先最外层肯定是一个线性布局器,并且是横向布局。

3、然后左边是一个图片框,右边又是一个线性布局器,并且是纵向布局。

4、在右侧的布局中,上面是一个文本框。

5、右侧布局下面,两个文本框用来标记商品附加信息。

6、最后就是四个文本框(因为文字大小不同,所以这里可以用多个文本框表示),存放价格和拼单数量。

7、然后就是商品标题和商品标签之间有空白,可以使用空白框填充内容。

总结:需要四个线性布局,一个图片框,七个文本框。

 

 

二、列表框布局设计与添加

1、首先建立一个基础类为“组件布局类”的类。

2、然后打开时设计器调整布局方向为横向布局。

3、拖放一个图片框到窗口上,并设置合适的尺寸。

4、然后在图片框的右侧在放一个线性布局,布局器的方向必须设置纵向。

5、然后在这个右侧布局器内,添加文本框,空白框,和两个线性布局器。

6、选中文本框组件,设置权重100,作用是填充所有空间。

6、然后在右侧布局,下面的两个布局器中,放入文本框组件。最终保持如下图所示的结构。

7、因为列表项的一些信息之间存在边距,大家也可以根据自己的需求调整文本框的外边距,让其更加美观。边距根据自己的需求来设置。

 

8、布局完毕后,公开一些需要操作的足迹,并给文本框设置一些颜色,尺寸等属性信息。

 

 

9、定义列表数据类,用来存储列表项信息。

 

10、添加“取对象项目视图”事件,然后利用这个事件构建列表框数据。

11、首先第一要取出数据类。

12、第二步利用创建好的组件布局类,创建列表项。

13、取出数据类里面的数据,赋值给组件布局类中的组件。

15、按钮点击后,定义列表数据类,设置数据后调用“适配器.插入项目()”方法就可以添加列表数据。

16、最后添加后效果如下图,如果你的效果图和下面的不一样,那可能是因为一些组件的外边距调整不到位,自行慢慢调整,直到达到自己最满意的效果为止。

三、列表框单击取数据

1、首先要添加单击事件。

 

2、然后利用取项目方法就取出项目数据。

 

 

3、运行效果。

 

四、修改数据

1、修改起始很简单,学会取出数据后,直接在取出的数据中进行修改即可。

2、修改数据库需要调用“适配器.通知内容被改变 ()”刷新内容。

3、需要注意的是项目索引从0开始,0代表修改第一个项目。

运行效果如下图。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐