List,grid...view所遇到的坑

gridview和Listview都是常见的组件,这篇文章以listview为例,记录一下使用Listview所遇到的坑:

  • listview的item如何做到增加和删除快速响应
  • listview的分割线为啥这么难看
  • listview能不能从下往上添加item,就像微信聊天一样

listview的item数量如何正确显示

在项目中我们可能会用SQLITE保存用户的一些记录,比如记事本就要保存每次记录,然后在首页及时的将改变后的item显示出来,但实际上可能存在各种各样的坑,比如数据确实写入了,我也调用notifyDataSetChange()了,但是为啥你不变!!!!

这里我遇到的是两个问题:

记录数据的Activity确实写入数据了,但是显示数据的Activity及时捕捉到了么?

你可能会说是啊,我在记录数据onStop()方法写入数据库SQLITE,然后显示的Activity的onResume()方法,全部删掉数据源,然后在从SQLITE将最新的读取出来,然后再调用notifyDataSetChange()难道还不行么!!!!

确实不行
因为写入数据的Activity的onStop()方法,是在显示数据的Activity的onResume()方法之后调用的,所以你没有在显示之前将数据及时更新,所以一般都是要返回两次之后才可以&#

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
GridView 是一种常用的布局方式,可以在小程序中快速实现多项展示的效果。以下是使用微信小程序的 GridView 的一些基本步骤: 1. 新建一个页面,例如 `pages/index/index`,并在 `index.wxml` 文件中添加以下代码: ```html <view class="grid-view"> <view wx:for="{{list}}" wx:key="index" class="grid-item"> <image src="{{item.img}}" mode="aspectFill" class="grid-img"></image> <text class="grid-text">{{item.title}}</text> </view> </view> ``` 2. 在 `index.js` 文件中添加数据: ```javascript Page({ data: { list: [ { img: '/images/1.png', title: 'item1' }, { img: '/images/2.png', title: 'item2' }, { img: '/images/3.png', title: 'item3' }, { img: '/images/4.png', title: 'item4' }, { img: '/images/5.png', title: 'item5' }, { img: '/images/6.png', title: 'item6' } ] } }) ``` 3. 在 `index.wxss` 文件中添加样式: ```css .grid-view { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10rpx; } .grid-item { width: calc(50% - 5rpx); margin-bottom: 10rpx; display: flex; flex-direction: column; align-items: center; } .grid-img { width: 100%; height: 300rpx; } .grid-text { font-size: 28rpx; color: #333333; margin-top: 10rpx; } ``` 以上代码就可以实现一个简单的 GridView 布局,其中 `list` 是一个数组,用于存储每个 item 的数据。在 `wx:for` 循环中,使用 `item` 获取每个 item 的数据,然后通过 `{{}}` 语法将数据绑定到模板中。在样式中,使用 `flex` 布局实现了每行两个 item 的效果,并设置了一个 `margin-bottom` 属性用于分隔每一行。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值