# 在 Android Compose 中封装表格组件
在 Android 开发中，表格是一种常见的数据展示形式。随着 Jetpack Compose 的普及，开发者们也逐渐转向使用 Compose 来构建 UI。本文将探讨如何在 Compose 中封装一个表格组件，并提供相应的代码示例。
## 1. 什么是 Jetpack Compose?
Jetpack Compose 是 Androi
原创
2024-10-23 06:32:25
466阅读
文章目录Android开发架构MVCMVPMVVMUI驱动 vs 数据驱动MVVM的具体实现Jetpack MVVM使用举例封装参考 Android开发架构如果开发过程中大家各自为战，没有统一规范，久而久之，项目代码会变得混乱且后续难以维护。当使用统一的架构模式后，有很多的好处，如：统一开发规范，使得代码整洁、规范，后续易于维护及扩展提高开发效率(尤其在团队人员较多时)模块单一职责，使得模块专注
转载
2024-06-18 06:33:25
173阅读
Retrofit+OKHttp+MVP的Android架构已经火了很久了，我自己也使用了有一段时间，但由于一直忙于这样或那样的事，一直没有做相关的笔记。年底先来无事，又重新看一了一遍相关的资料，做点笔记(好记性不如烂笔头)。 使用到的开发模式： 1.单利 2.建造者使用的相关库：//网络请求依赖
compile 'com.squareup.okio:okio:1.13.0'
com
先扯两句昨天发了一篇GitHub版本控制的集成后，今天终于回归正事，继续我们的《一个Android工程的从零开始》，真心有点小开心呢。 今天也是base的BaseActivity完结掉了，昨天我也查了一下其他人的BaseActivity封装，发现却比我的篇幅少了不少，不过既然要从基础说起，自然废话也就多了一些，请大家见谅。 既然昨天已经发了GitHub的版本控制，那么这篇开始就发GitHub的
<template> <div class="
table-main"> <div class="header"> <div v-for="(value, key) in tableHeader">{{ value }}</div> </div> <ul> <li v-for="item in tab ...
转载
2021-08-04 10:08:00
48阅读
2评论
在android开发过程中，我们经常会有这种需求，自己开发一个类库jar包，提供给别人调用。 即把项目A封装成jar包，供项目B调用，而在项目B中调用项目A的activity的时候问题就出现了：找不到资源文件（异常：ERROR/AndroidRuntime(3341):Caused by: android.content.res.Resources$NotFoundException:
转载
2024-05-28 23:28:57
75阅读
Data Binding1 前言MVVM结构图：从上图可以了解到MVVM的三要素：View层：xml、Activity、Fragment、Adapter和View等Model层：数据源（本地数据和网络数据等）ViewModel层：View层处理数据以及逻辑处理**MVVM和Data Binding是两个不同的概念，MVVM是一种架构模式，而Data Binding是一个实现数据和UI绑定的框架，是
转载
2023-12-20 07:14:18
152阅读
在使用ant-design-vue中曾经使用过table组件，所以想着自己封装一个组件尝试一下，这是一个简易版本1. 相关知识点组件传值插槽(具名插槽、作用域插槽)vue3 setupvant v3 部分组件使用2.封装子组件，按照要求规定参数封装一个名为Ttablede组件，该组件接收两个参数，分别是columns和dataSource2.1 子组件：接收参数，按数据提取动态具名插槽名子组件：接
转载
2023-07-04 20:05:54
156阅读
组件源码组件文档原文Why用过 Element UI Table 的同学都知道用 Table 组件时需要用到el-table-column，它是和 html 混写在一起的, 如果很多列的话，就需要一个个写配置, 否则就需要用到循环。如果列配置内容有根据不同条件展示不同样式内容的话, 就需要在插槽里面做判断, 比如这样两种编辑状态:比如在插槽里面做配置, 如下代码:<el-table-colu
前言Vue结合ElementUI是一个流行的前端技术组合，用于快速开发和搭建桌面端的界面。以下是关于这个组合的详细介绍：组件库：ElementUI是基于Vue 2.x版本开发的一套组件库。它为开发者提供了一系列的预制组件，如布局、导航、输入框、选择器等，这些组件均已预先设计好样式并封装了常用功能，使得开发者能够高效地构建出整洁且风格一致的用户界面。技术栈：vue-element-admin是一个以
本篇博客属于随手一写，建议主要看模板和类型定义那块的实现思路。另外代码中会有部分不规范的地方，只优化了一部分，比如在template里写了些逻辑代码，类型有些用了any等等，最近总感觉自己欠了很多技术债没还，但是周末又不想去还（/doge）。后面会出一期合辑，分享一下从零开始搭建组件库的过程，包含从组件写法到打包到发布npm私服的全过程。中间会穿插一些重点比如组件国际化兼容、打包、如何按需引入等等
二次封装el-table组件，以便使用。包含两个部分：使用说明、创建。前沿：1. 包含：表格展示、分页、二级表头、数据字典转换展示、时间格式转换展示、数组转换成逗号分割字符串展示、表格内按钮、表格内switch按钮、多选、pdf展示名字并点击名字时预览，等众多功能。2. 各个属性灵活运用，也可自己添加、更改相关属性配置。3. 这里设置从父组件中传输过来的对象和数组都用JSON串接收，目的是为了方便
转载
2024-05-06 19:46:48
140阅读
基于vue.js原生封装的Modal层控件，不需要webpackage等环境，引入js，css即可开箱使用，无需在页面上提前声明Modal，随用随生成，动态渲染挂接到页面，关闭后自动移除，方便快捷，并且支持页面大小，页面传参，页面回调函数等在开发中需要使用的功能查看效果请下载后部署，查看example.html页面引入控件1.引入vue.js2.引入fastdialog文件夹下的文件使用控件普通打
效果描述：点击输入框弹出table面板，面板包括标题、列表分页、检索条件、确定取消安钮、单选全选框。面板回显已选中条目，切换页时仍能显示。 思路：组件中包括面板整体样式、标题 、按钮、分页组件；页面中将搜索条件、th、tr用slot传入组件模板中，形成每页的table。监听面板打开关闭的变量进行重新渲染，点击确定时页面父组件监听事件传出选中条目的数组，符合条件则执行面板关闭及后续。点击检索按钮时通
转载
2024-10-23 07:11:06
110阅读
今天刚刚运用antd做了个分页，根据官网上的指导和一些自己的摸索，将其完成，有些代码编写的还是比较繁琐，没有做简化。antd官网讲的还是比较详细的，有案例，本例在其基础上扩展了一下功能，现将其按照例子的方式记录下来，以供以后参考。 先将显示出来的效果放出来（注：本次案例是点击一次页码请求一页数据）： 编码过程大体需要以下几步：1.初始化必要属性，如数据 data，数据条数 co
转载
2024-06-19 15:21:37
858阅读
封装组件的步骤 建立组件的模板，先把架子搭起来，写写样式，考虑好组件的基本逻辑。 准备好组件的数据输入。即分析好逻辑，定好 props 里面的数据、类型。 准备好组件的数据输出。即根据组件逻辑，做好要暴露出来的方法。 封装完毕了，直接调用即可。Vue组件间的参数传递1.父组件与子组件传值 父组件传给子组件：子组件通过props方法接受数据; 子组
转载
2024-03-25 09:05:06
90阅读
概览Jetpack Compose 是用来构建Android界面的新款工具包，前段时间beta版本刚发布的时候就已经心痒难耐的想要尝试了，最近轻松点了赶紧尝试一波。以前我们都是通过xml布局，通过findViewById()找到控件之后手动给控件赋值。这样的缺点首先是解析xml生成view对象需要通过反射浪费性能，然后是手动给控件赋值容易出错，比如过个地方控制一个view的显示和隐藏，随着控制它的
转载
2024-02-05 00:43:53
120阅读
Compose 有助于为应用程序解锁更快的速度和更顺畅的发布，其具有以下几个优点：声明式 不同于传统的命令式，ui的刷新需要调用者主动调用刷新方法，比如TextView需要特定的setText进行文本变化，而compose在定义好声明状态后，由框架自主调用刷新，减少状态不一致兼容性compose最低兼容到android api 21，不但可以在原来View体系中嫁接使用，也可以在compose中使
转载
2023-09-14 12:52:16
170阅读
作者 / Chris Banes 和 Nick Butcher在往期 #11WeeksOfAndroid 系列文章中我们介绍了联系人和身份、隐私和安全、Android 11 兼容性、开发语言、Jetpack、Android 开发者工具、Google Play 应用分发与盈利、游戏开发新工具，本期我们聚焦 UI 与 Compose，下面就来看看您需要了解的内容。#11WeeksOfAndroidht
文章目录Compose概览compose是什么声明式声明式更新组合函数状态statevar value by remember { mutableStateOf(default) }mutableStateOfrememberrememberSaveable状态提升接入ViewModel和LiveData使用Modifier Compose概览官方文档 我个人看了下官方的文档，尝试了一下demo
转载
2023-08-31 15:50:04
176阅读
