首页
编程日记
测试工具
二叉树遍历
个人开发
无人机自主框架
轮播图
2024/10/18 14:15:18
【Android】使用ViewPager2实现轮播图效果,手动/自动轮播图
一、轮播图的制作 1、添加Gilde依赖 这里使用Gilde进行加载图片:Glide implementation com.github.bumptech.glide:glide:4.16.0使用Gilde可以加载网络图片还可以提高图片加载性能。 2、制作轮播图布局页面 <?xml version"1.0" encoding"ut…
阅读更多...
HarmonyOS NEXT 应用开发实战(三、ArkUI页面底部导航TabBar的实现)
在开发HarmonyOS NEXT应用时,TabBar是用户界面设计中不可或缺的一部分。本文将通过代码示例,带领大家一同实现一个常用的TabBar,涵盖三个主要的内容页:首页、知乎日报和我的页面。以模仿知乎日报的项目为背景驱动,设定…
阅读更多...
HarmonyOS NEXT 应用开发实战(三、ArkUI页面底部导航TabBar的实现)
在开发HarmonyOS NEXT应用时,TabBar是用户界面设计中不可或缺的一部分。本文将通过代码示例,带领大家一同实现一个常用的TabBar,涵盖三个主要的内容页:首页、知乎日报和我的页面。以模仿知乎日报的项目为背景驱动,设定…
阅读更多...
HarmonyOS NEXT 应用开发实战(三、ArkUI页面底部导航TabBar的实现)
在开发HarmonyOS NEXT应用时,TabBar是用户界面设计中不可或缺的一部分。本文将通过代码示例,带领大家一同实现一个常用的TabBar,涵盖三个主要的内容页:首页、知乎日报和我的页面。以模仿知乎日报的项目为背景驱动,设定…
阅读更多...
微信小程序之横向列表展示
效果图 参考微信小程序可看 代码: <view class"lbtClass"><view class"swiper-container"><scroll-view class"swiper" scroll-x"true" :scroll-left"scrollLeft"><block v-for"(six…
阅读更多...
微信小程序轮播图
效果图 详情可见 微信小程序 参照:swiper | uni-app官网 代码: <!--轮播图-- > <swiper interval"2000" autoplay"true" circular"true" style"height: 300px;"><swiper-item style&qu…
阅读更多...
微信小程序之横向列表展示
效果图 参考微信小程序可看 代码: <view class"lbtClass"><view class"swiper-container"><scroll-view class"swiper" scroll-x"true" :scroll-left"scrollLeft"><block v-for"(six…
阅读更多...
微信小程序之横向列表展示
效果图 参考微信小程序可看 代码: <view class"lbtClass"><view class"swiper-container"><scroll-view class"swiper" scroll-x"true" :scroll-left"scrollLeft"><block v-for"(six…
阅读更多...
微信小程序轮播图
效果图 详情可见 微信小程序 参照:swiper | uni-app官网 代码: <!--轮播图-- > <swiper interval"2000" autoplay"true" circular"true" style"height: 300px;"><swiper-item style&qu…
阅读更多...
HarmonyOS NEXT星河版之模拟图片选择器(下)---使用Swiper实现图片滑动预览
文章目录 一、目标二、开撸2.1 改造图片预览Dialog2.2 改造主页面2.3 主页面完整代码 三、小结 一、目标 在前面的介绍中,查看选中的图片都是单张预览,接下来要改造成多张可滑动预览,如下: 二、开撸 2.1 改造图片预览Dialog …
阅读更多...
uniapp自定义轮播图指示点样式实现完整代码附效果图
效果图: 实现代码: <view class"card card_b"><swiper :autoplay"true" interval"3000" duration"500" :current"swiperCurrent" change"swiperChange"class"swiper" :…
阅读更多...