由于大屏尺寸的变化导致显示页面的重新开发，这个工作量如何评估？

最新推荐文章于 2025-10-24 16:10:31 发布
原创 最新推荐文章于 2025-10-24 16:10:31 发布 · 439 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#软件 #项目 #工作量 #评估 #页面设计

有人询问大数据大屏展示时因尺寸变化导致页面重新开发的工作量评估方法，以及页面设计开发在软件开发中的占比。回答指出若仅尺寸变化非功能性需求，可参考SNAP中UI相关部分或按修改页面数大致估算。

问：大数据在大屏展示时，由于大屏尺寸的变化而导致显示页面的重新开发，这个工作量如何评估呢？或者页面的设计开发一般占软件开发的百分比大约和多少？

答：如果只是尺寸变化，不属于功能性需求。如果希望相对量化的评估，可以参考SNAP中UI相关的部分，或者根据修改的页面数大致估算。

csbmk_com
关注
前端 vue 在可视化大屏领域的工作实践
孙叫兽的博客
06-07 1万+
导读：最近入职了一家互联网公司，主要是做物联网及互联网解决方案方向，我上来就接手了这个项目，是一个可视化管理地图，主要用于某国企物业的安全预警的职能，说来也比较倒霉，刚来这公司，公司做这个...
大屏开发-第一篇：前端大屏开发入门与核心概念解析
无
05-23 137
企业数据可视化展示：在企业日常运营中，会产生大量的数据，如销售数据、财务数据、用户行为数据等。通过前端大屏开发，将这些数据以直观的图表、图形等形式展示出来，能够帮助企业管理者快速了解业务状况，发现潜在问题和机会。例如，在销售大屏上，实时更新的销售额、销售趋势图、各区域销售占比等信息一目了然，管理者可以根据这些数据及时调整销售策略。监控指挥中心：在交通、能源、安防等领域，监控指挥中心的大屏发挥着至关重要的作用。
大屏可视化开发
sophia
08-22 1606
大屏可视化开发必备要素
大屏看板开发步骤
weixin_44310844的博客
04-27 559
大屏看板开发步骤
基于transform的scale属性，实现数据可视化大屏自适应缩放适配不同分辨率
最新发布
CodingNoob
10-24 471
摘要：本文介绍了一种实现自适应数据可视化大屏的解决方案。针对16:9设计稿(1920*1080)在不同屏幕下的适配问题，提出基于transform的scale缩放方案。通过计算屏幕宽高比，在更宽屏幕时以高度为基准缩放，更高屏幕时以宽度为基准缩放，并使用transform-origin调整缩放中心点。该方法可保持设计比例不变，屏幕比例不一致时两边留白，实现任意屏幕下的自适应显示。文中提供了完整的HTML/CSS/JS代码示例，包括容器结构、缩放计算逻辑和样式处理，解决了开发者需频繁调整浏览器缩放的问题。
[html] 如果要开发一个在超级大屏上显示的可视化页面，你首先要考虑什么？
歌谣的博客
03-14 546
[html] 如果要开发一个在超级大屏上显示的可视化页面，你首先要考虑什么？ 适配 清晰度 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
前端常规响应式大屏开发流程及注意事项
weixin_59245513的博客
09-09 2413
当我们拿到设计图，第一步就需要对设计图的每一个元素在心里有个大致的布局，习惯性是从左到右，从上到下来观察，例如上图，我会先将大屏分为 左、中、右三大块，再将左边这一块分为上中下三个小块，再将左上这一小块继续分为 左中右三个小块，以此类推，逐步细分到最小的元素。很多情况下一套样式已经满足不了多屏幕下的响应式展示，例如下图元素过多，空间过小的情况下，我们只能使用媒体查询，对元素的宽高，边距，字号等等再写一套样式来兼容，这也是响应式兼容最繁杂的一步。，这个插件比较容易二次修改样式，可移植性较强，代码简单易上手，
关于UIUE（界面类）的评估方法是什么？
csbmk_com中基数联的博客
02-11 2152
问：关于UIUE（界面类）的评估方法是什么？ 答：专门的UI 或者UE 是不能做功能点评估，如果工作量很多，可以考虑非功能因素进行调整 。具体的情况可能还需要看一下需求情况。SNAP里面有针对UI的量化的评估方法，不过应用成本较高，一般要适当定制后才可以使用。 以上就是关于UIUE（界面类）的评估方法是什么？所有内容，更多软件成本估算资讯尽在本站。 版权属于: 北京中基数联所有。转载时必须以链接形...
Qt打印工具开发：深入打造灵活的页面尺寸调整模块
随着移动设备和多屏幕显示环境的普及，对页面尺寸调整的需求日益增长。本文首先对页面尺寸调整的需求进行了详细分析，随后介绍了Qt框架中页面布局的理论基础，包括布局管理器、布局种类以及尺寸调整的相关技术，如尺
9、创建详情页面：iOS 应用开发指南
wine的专栏
10-07 4
本文详细介绍了如何在iOS应用中创建一个功能丰富且自适应的联系人详情页面。从体验iPad多任务模式开始，逐步讲解添加视图控制器、配置导航转场、使用Interface Builder实现自动布局与滚动视图，完善图像与标签布局，并通过代码响应尺寸类变化和动态调整约束。涵盖手动转场动画、Vary for Traits、通用约束设置等关键技术，帮助开发者构建适配不同屏幕尺寸的高质量详情页，提升用户体验。
AI全链路赋能：smardaten2.0实现软件开发全流程智能化突破
热门推荐
08-18 12万+
表面看似发展蓬勃，然而当前AI在软件开发中的应用却呈现出“工具孤岛”现象，例如需求阶段的Prompt生成、开发阶段的代码补全、测试阶段的用例生成等能力相互割裂，难以满足企业级DevOps流程的贯通需求。这种割裂状态限制了AI在软件开发中发挥更大的价值，也给企业带来了新的挑战。数睿数据smardaten 2.0 正式发布：将AI大模型融入smardaten一体化开发平台，以数据能力为基座，实现了“需求→设计→开发→测试→运维”的软件工程全流程智能化，提高开发效率、增强用户体验，终结“定制难、用数慢”的时代！
大屏监控面板html页面实现合集
03-05
大屏监控面板合集Html
大屏大概是怎么个开发法（前端）
为写出赏心悦目、容易维护的代码而探索
09-25 9814
关于项目的维护与新增需求过程中值得一提的事
大屏数据可视化——屏幕适配方案(多分辨率下）
Sophie_U的博客
11-10 4万+
文章目录前言常见大屏分辨率适配痛点关于rem关于px2rem适配方案一、rem自适应缩放二、css3缩放scale 前言 基于现目前所做数据可视化项目的不同分辨率兼容需求总结以下适配几种方案供参考。 通常而言数字大屏指的是1920*1080分辨率下的电视大屏，用于图表化的展示关键数据，然而项目大部分是在笔记本上运行，演示，测试，所以不得不把小屏笔记本纳入兼容范围。。。 常见大屏分辨率 1366 * 768 ： 普通液晶显示器 1920 * 1080： 高清液晶显示器 2560 * 1440： 2K高清
【前端大屏可视化项目适配方案】
weixin_43552533的博客
04-14 7005
引自 https://juejin.cn/post/7009081081760579591#heading-27 感谢！！！ 前端大屏可视化项目适配方案1. 全局适配1.1 css scale 适配方案1.2 vw+vh适配方案(有些细节处采用媒体查询处理)1.2.1 按照设计稿的尺寸，将`px`按比例计算转为`vw`和`vh`1.2.2 借助scss函数实现计算1.2.3 动态DOM元素适配2. echats及第三方组件适配（配置型） 1. 全局适配 1.1 css scale 适配方案 注1：如果.
前端数据可视化适配方案汇总
DZQ1223的博客
07-25 2814
在日常开发过程中，我们经常会遇到大屏可视化这种需求，而选用技术方案的不同则会呈现出不同的效果。方案实现方式优点缺点vw vh1.按照设计稿的尺寸，将px按比例计算转为vw和vh1.可以动态计算图表的宽高，字体等，灵活性较高 2.当屏幕比例跟 ui 稿不一致时，不会出现两边留白情况1.每个图表都需要单独做字体、间距、位移的适配，比较麻烦scale1.通过 scale 属性，根据屏幕大小，对图表进行整体的等比缩放1.代码量少，适配简单 2.一次处理后不需要在各个图表中再去单独适配。
DataBinding详解
yufumatou的博客
02-26 2万+
一、开启DataBinding //在build.gradle文件添加 android{ dataBinding{ enabled true } } 二、生成DataBinding布局 1、光标在布局文件的根布局-->点击Alt + Enter-->点击 “Convert to data binding layout” <?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="
程序员数据可视化大屏设计与实现
在企业级应用场景中，如金融风控、智能制造、智慧城市、电商运营等，管理者往往需要在一个大型显示屏上实时掌握关键业务指标（KPI），这就催生了“大屏展示”的需求。而“程序员数据可视化大屏展示”正是针对这类...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值