[deviceone开发]-do_SegmentView和do_SlideView联动的示例

最新推荐文章于 2026-01-08 20:54:44 发布

原创最新推荐文章于 2026-01-08 20:54:44 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

本文介绍了一种常用的界面设计模式：通过do_SegmentView与do_SlideView的联动实现类似网易新闻的上下滑动效果。该模式不仅提高了用户体验，也方便了开发者进行界面布局的设计。

一、简介

示例展示do_SegmentView和do_SlideView联动的使用，这二个组件很常用，而且这个组合也非常常用，类似网易新闻的效果，上面滑动带动下面的slideview滑动，反过来也是。适合所有开发者。

二、效果图

三、相关下载

https://github.com/do-project/code4do/tree/master/segment_slideview

四、相关讨论

http://bbs.deviceone.net/forum.php?mod=viewthread&tid=205

五、更多案例
http://source.deviceone.net/
六、关于DeviceOne
http://www.deviceone.net/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

only_do

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

新闻类app页面使用说明书_一个App完成入门篇（五）- 完成新闻页面

weixin_39628343的博客

01-17

559

本节教程将介绍如何用DeviceOne简单而高效的完成一个新闻页面。导入项目数据模板分离MVVM模型自定义事件展示新闻九宫格展示将要学习的demo效果图如下所示1. 导入完整项目本节示例demo请参考下载地址，可以导入到设计器中学习。为了方便大家理解页面结构，请参考下图图中红框所示的上面部分是SegmentView组件，和下面的BottomBar共同组成页面公共部分，而蓝框中是一个SlideVie...

java app教程_[Java教程]一个App完成入门篇（五）

weixin_36474955的博客

02-21

1375

[Java教程]一个App完成入门篇(五)02016-04-05 09:00:07本节教程将介绍如何用DeviceOne简单而高效的完成一个新闻页面。导入项目数据模板分离MVVM模型自定义事件展示新闻九宫格展示将要学习的demo效果图如下所示1. 导入完整项目本节示例demo请参考下载地址，可以导入到设计器中学习。为了方便大家理解页面结构，请参考下图图中红框所示的上面部分是SegmentView组...

参与评论您还未登录，请先登录后发表或查看评论

一个App完成入门篇（五）- 完成新闻页面

04-07

138

本节教程将介绍如何用DeviceOne简单而高效的完成一个新闻页面。导入项目数据模板分离MVVM模型自定义事件展示新闻九宫格展示将要学习的demo效果图如下所示 1. 导入完整项目本节示例demo请参考下载地址，可以导入到设计器中学习。为了方便大家理解页面结构，请参考下图图中红框所示的上面部分是SegmentView组件，和下面的BottomBar共同组成页...

SlideView_android_SlideView_

10-03

在Android开发中，为了提供类似微信聊天界面的用户体验，开发者经常需要实现滑动删除功能，这就是所谓的SlideView。本文将详细解析如何在Android项目中创建一个仿微信SlideView的聊天列表滑动删除效果。首先，我们...

Android-SlideView一个简单但很棒的Android滑动按钮

08-12

在`MAXDeliveryNG-slideview-8f3bab5`这个压缩包中，我们可以找到`SlideView`的一个具体实现版本。这个库可能包含了源代码、资源文件以及示例应用，帮助开发者快速理解和集成`SlideView`到自己的项目中。在使用前，...

SliderViewSample：SlideView自定义控件的示例项目

02-06

在有关创建自定义控件的文章的，我们学习了如何创建一个支持Infinite Scrolling和Commands的ExtendedListView，以直接在ViewModels上处理业务逻辑。在本文中，我们将看到下一个用例，它是创建一个自定义步进器+ ...

SlideView.rar_按钮控件_Java_

08-11

在Android开发中，按钮控件（Button）是用户界面（UI）设计中不可或缺的一部分，它允许用户执行特定操作。...通过学习和理解这个“SlideView”示例，开发者可以增强自己在移动应用开发中的技能，提升用户体验。

【愚公系列】《微信小程序与云开发从入门到实践》026-WeUl表单类组件介绍

热门推荐

愚公智库

09-09

9万+

在现代应用开发中，表单是用户与系统交互的重要桥梁。无论是注册、登录、反馈，还是信息收集，表单的设计和实现直接影响到用户的体验和操作的顺畅度。WeUI 作为一套专为微信生态设计的用户界面框架，提供了一系列精美且功能强大的表单类组件，使开发者能够快速构建出符合用户期待的交互界面。本篇文章将重点介绍 WeUI 的表单类组件，包括输入框、选择器、滑动条、开关等。我们将详细解析每个组件的功能、使用方法以及在实际开发中的最佳实践，帮助你深入理解如何利用这些组件提升小程序的用户体验。

Vue 2 项目中 template 使用可选链 ?. 导致的诡异编译报错及 webpack loader 配置坑

GhostPaints的博客

01-05

901

最近在维护一个基于 Vue 2 的老项目（RuoYi-Vue 框架衍生）时，遇到一个特别诡异的编译问题：同一个项目，使用 pnpm run dev（连接测试环境）一切正常，但切换到 pnpm run dev:local（连接本地后端）时，启动就直接报错，错误信息指向 template 中的可选链运算符?这让我百思不得其其解——Vue 2.7 明明官方支持 template 中的?.，为什么本地环境就炸了？。

前端组件级权限控制

马优晨

01-06

345

前端组件级权限控制通过统一管理权限数据，采用声明式或编程式方式在组件层面进行校验。核心方案包括：1）指令式控制（适合按钮/小组件），通过自定义指令如v-permission实现；2）组件封装式控制（适合通用组件），封装<Permission>容器组件；3）编程式控制（适合复杂逻辑），在JS中直接判断权限。所有方案都需配合后端接口校验防止权限篡改，并适配不同框架如Vue、React和Angular。关键点是先规范权限数据管理，再选择适合的控制方式，同时确保后端兜底校验。

vue2纯前端使用Docxtemplater生成word报告，包含echart图表，表格

m0_49529959的博客

01-08

294

纯前端使用Docxtemplater生成docx报告，包含echart图表

实现ReACT智能体

weixin_42828342的博客

01-07

1761

本文介绍了LangGraph框架中的两个核心：Human In Loop（人在环中）和Time Travel（时间回溯）。Human In Loop允许将人类操作作为工作流节点，实现模型与人工协作的典型场景包括确认操作、信息补充、审核修改和主动决策分支。实现要点包括指定检查点、线程ID管理和中断/恢复机制。Time Travel功能则基于检查点系统，支持回溯到历史状态重新执行，适用于调试、修复和探索分支等场景。文章还提供了代码示例，展示如何构建带人工审核的AI助手工作流，从简单聊天机器人到集

Vue3研学-watch监视

zhlyxx的博客

01-08

774

Vue 3 的 watch API 提供了多种数据监听方式：1) 监听 ref 基本类型数据时直接监视变量；2) 监听 ref 对象类型需开启 deep 选项；3) reactive 对象默认深度监听；4) 监听对象特定属性需使用 getter 函数。watch 支持配置 immediate 立即执行和深度监听，通过返回的 stop 函数可手动停止监听。与 watchEffect 相比，watch 能更精确控制依赖范围和监听行为，适合处理异步操作和复杂状态变更场景。

【Vue3】我用 Vue 封装了个 ECharts Hooks

最新发布

林恒的博客

01-08

720

📌 ECharts 封装 Hooks 实战封装 useEchart Hooks 解决重复初始化、事件管理等问题，支持： ✅ 多类型容器（Ref/DOM/选择器） ✅ 自动销毁与响应式更新 ✅ 内置事件绑定/解绑 ✅ ResizeObserver 自适应核心通过 initChart 初始化，watch 监听配置变化，ResizeObserver 替代传统 resize 事件，并暴露 update/onChartEvent 等 API。大幅简化 ECharts 使用流程，提升开发效率。（摘要字数：150

【鸿蒙】web 加载vue dist 包里的 html

产品：SmartApi；服务：大前端++；其他技术分享

01-05

332

下面给你「带进度条 + 判断 index.html 已存在则跳过解压」的完整可运行版本，直接替换即可通过 ArkTS 校验。

从零开始安装Claude Code + GLM 4.7——Windows版

2401_83179994的博客

01-05

1045

官方 Claude 的网络门槛和高昂费用往往让人望而却步。本教程将教你如何“轻松10倍降低成本”：在 Windows 上安装官方 Claude Code 工具，并将其大脑替换为国产顶尖的 GLM-4.7。这不仅解决了网络问题，更让你的调用成本直接下降 90%，同时享受全球第一梯队的编程能力。让我们开始吧！👇。

leetCode-热题100-贪心合集（JavaScript)

qq_50694225的博客

01-08

137

我们要把这个字符串划分为尽可能多的片段，同一字母最多出现在一个片段中。注意，划分结果需要满足：将所有划分结果按顺序连接，得到的字符串仍然是。返回你可以从这笔交易中获取的最大利润。如果你不能获取任何利润，返回。设计一个算法来计算你所能获取的最大利润。数组中的每个元素代表你在该位置可以跳跃的最大长度。判断你是否能够到达最后一个下标，如果可以，返回。向后跳转的最大长度。换句话说，如果你在索引。返回一个表示每个字符串片段的长度的列表。处，你可以跳转到任意。给你一个非负整数数组。初始位置在下标 0。

37.useWindowSize

粉丝们务必加入微信粉丝群

01-08

钩子是一个非常有用的工具，特别适合需要响应式设计的 Web 应用。通过使用这个钩子，开发者可以轻松地为应用添加响应式能力，提高用户体验，特别是在不同设备和屏幕尺寸上。在开发现代化的、响应式的 React 应用时，这个自定义钩子可以显著提高开发效率和应用的适应性。钩子提供了一种简单而有效的方式来在 React 组件中监测和响应窗口尺寸的变化。这个自定义钩子不仅封装了窗口resize事件的处理，还能够实时更新组件状态。是一个常见需求，对于实现响应式设计和优化用户界面至关重要。在响应式 Web 应用开发中，

Xamarin.Forms.SlideView组件：打造滑动界面的利器

这里提到的“Xamarin.Forms.SlideView-master”文件名表明这是一个源代码仓库的主分支。通常，在GitHub或其他代码托管平台上，开发者会维护一个包含项目所有文件的仓库，并通过文件夹和文件结构来组织代码。在实际...