07.实例篇:ListView简单分页加载-ListView从网络分页加载数据

1.实现的功能:

    ListView分页展示网络数据,所涉及的知识点: Android获取本地web服务器数据测试,HttpURLConnection网络连接使用,AsyncTask异步任务自定义, ListView如何动态添加网络数据等

2.实现效果截图

点击下一页,显示进度条,开始访问Web服务器上面的访问test/1.txt文件,加载一页内容;

       

      

3.搭建Web服务器

由于模拟从网络获取数据,所以需要一个简单的Web服务器,Apache,Tomcat,Ngnix都可以,只要提供静态文件的访问即可,为实验方便,本文使用Wamp继承环境,下载安装即可,http://rj.baidu.com/soft/detail/10636.html?ald  
在web安装文件夹下,例如wamp环境是www目录下,新建test文件夹【C:\wamp\www\test】
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是每行的注释: ``` ListView{ // 定义一个名为 listView 的列表视图控件 id: listView // 控件的唯一标识符 anchors.left: parent.left // 控件与其父控件左对齐 anchors.right: parent.right // 控件与其父控件右对齐 anchors.top: row.bottom // 控件顶部与名为 row 的控件底部对齐 anchors.bottom: parent.bottom // 控件底部与其父控件底部对齐 clip: true // 列表内容超出控件边界时进行裁剪 spacing: 0 // 列表项之间的间距为0 snapMode: ListView.SnapToItem // 当滚动结束时,列表项会自动对齐到最近的项 ScrollBar.vertical: ScrollBar{ // 垂直滚动条 id: ver_scrollbar // 控件的唯一标识符 visible: true // 控件可见 } model: ListModel{ // 列表数据模型 id: listModel // 控件的唯一标识符 ListElement{ // 列表项元素 time: "2021-03-12\n12:21:31" // 时间属性 floor: 1 // 楼层属性 } } delegate: Rectangle{ // 列表项的委托组件 id: infoRec // 控件的唯一标识符 implicitHeight: 640 // 控件的默认高度 implicitWidth: 480 // 控件的默认宽度 width: listView.width // 控件的宽度等于列表视图控件的宽度 height: 120 // 控件的高度为120 Rectangle{ // 控件背景 id: dim // 控件的唯一标识符 anchors.fill: parent // 控件占满父控件 color: "grey" // 控件背景颜色 opacity: 0.3 // 控件背景透明度 z: 300 // 控件的 Z 轴坐标 visible: tableItem.hightLightIndex == index // 根据高亮索引决定控件可见性 } // 时间显示区域 Rectangle { // 时间显示区域 id: timeRec // 控件的唯一标识符 width: 90 // 控件宽度 color: index % 2 ? tableItem.evenRowColor : tableItem.oddRowColor // 控件背景颜色 anchors.left: parent.left // 控件左对齐 anchors.top: parent.top // 控件顶部对齐 anchors.topMargin: floorRec.height // 控件顶部外边距为楼层显示控件的高度 anchors.bottom: parent.bottom // 控件底部对齐 Text { // 时间文本控件 id: timeText // 控件的唯一标识符 text: time === undefined ? errorStr : time // 控件显示的文本内容 anchors.fill: parent // 控件占满父控件 color: "#002949" // 控件文本颜色 font.pixelSize: tableItem.timeFontPixelSize // 控件文本字体大小 font.family: tableItem.contentFontFamily // 控件文本字体 horizontalAlignment: Text.AlignHCenter // 控件文本水平对齐方式 verticalAlignment: Text.AlignVCenter // 控件文本垂直对齐方式 wrapMode: Text.WrapAnywhere // 控件文本自动换行模式 clip: true // 控件文本超出边界时进行裁剪 function replaceBlank(str){ // 替换文本中的空格为换行符的方法 let newStr = str newStr = newStr.replace(" ", "\n") } } } } } ```

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值