15 天前 / Android_开发者
写文章使用更为安全的方式收集 Android UI 数据流谷歌开发者已认证的官方帐号 4 人赞同了该文章在 Android 应用中，通常需要从 UI 层收集 Kotlin 数据流，以便在屏幕上显示数据更新。同时，您也会希望通过收集这些数据流，来避免产生不必要的操作和资源浪费 ( 包括 CPU 和内存)，以及防止在 View 进入后台时泄露数据。 本文将会带您学习如何使用 LifecycleOwner.addRepeatingJob、Lifecycle.repeatOnLifecycle 以及 Flow.flowWithLifecycle API 来避免资源的浪费；同时也会介绍为什么这些 API 适合作为在 UI 层收集数据流时的默认选择。
23 天前 / 秦小风啊
文章主题是“单线程模型下如何保证 UI 的流畅性”。该话题针对的是 Flutter 性能原理展开的，但是 dart 语言就是 js 的延伸，很多概念和机制都是一样的。具体不细聊。此外 js 也是单线程模型，在界面展示和 IO 等方面和 dart 类似。所以结合对比讲一下，帮助梳理和类比，更加容易掌握本文的主题，和知识的横向拓展。 先从前端角度出发，分析下 event loop 和事件队列模型。再从 Flutter 层出发聊聊 dart 侧的事件队列和同步异步任务之间的关系。
31 天前 / 承香墨影
一、序大家好，这里是承香墨影！ 今天介绍一个我最近开源的 Flutter UI 方案，可以做到在全设备上 100% 还原设计稿，其背后的思想类似 Android 侧今日头条基于 density 的 UI 适配方案，接下来进入正题。 由于 Android 的碎片化，全设备的 UI 一致性，一直是开发者和设计师所追求的。后续也衍生出各种不同的适配方案以及对应的开源库，例如：AndroidAutoLayout、smallestWidth，以及最后今日头条基于修改 density 的 UI 适配方案。到后期对于 Android 的 UI 适配，基本上不存在什么新的问题了，只有方案的选择和使用问题。
51 天前 / u312562
很多刚入行的设计师或者是想学习设计的程序员朋友都问过我： 如何提高自己的设计能力？ 关于此问题，我特地找时间分别咨询了 shadow、熊叔、Mr.thinker 等社区的资深设计师，得到了不少有价值的反馈，我提炼了他们的共同点： 海量看图练习模仿思考总结 关键是多看优秀的设计图，然后尝试练习模仿，在实践中进行思考总结。 今天给大家分享我这几天搜集到的干货资料，58 个 UI & UX 小知识帮助你提升设计能力~ - 使用精细的边框使元素更明确 - 减少标题的字母间距...
121 天前 / 美团技术团队
总第 440 篇 2021 年 第 010 篇 设计稿（UI 视图）转代码是前端工程师日常不断重复的工作，这部分工作复杂度较低但工作占比较高，所以提升设计稿转代码的效率一直是前端工程师追求的方向之一。 此前，前端工程师尝试过将业务组件模块化构建成通用视图库，并通过拖拽、拼接等形式搭建业务模块，从而实现视图复用，降低设计稿转代码的研发成本。但随着业务的发展和个性化的驱动，通用视图库无法覆盖所有应用场景，本文提出了一种设计稿自动生成代码的方案。
143 天前 / 太空编程
什么是 FigmaFigma 是一个基于浏览器的协作式 UI 设计工具，Figma 从推出至今越来越受到 UI 设计师的青睐，如今也有很多的设计团队投入了 Figma 的怀抱，接下来会聊聊为什么我们应该选择 Figma 而不是 Sketch。 基于浏览器有什么好处跨平台（Win,、Chrome、Linux、Mac、TNT）无需保存设计文件现在是一个链接但我觉得文件存在本地更安全 Figma 支持历史版本恢复，免费版最多保存 30 天。专业或团队版无限制 Figma 考虑了灾难恢复，所有的基础架构都分布在 3 个 AWS 数据中心，其中任何一个数据中心意外发生故障，其它数据中心将继续工作。
231 天前 / 虞大胆
1 引言 Flutter 是 Google 推出的跨平台 UI 框架，一套代码，多端复用，性能上可媲美原生。Flutter 的诞生，引起业界的广泛关注，越来越多的互联网公司在 APP 中使用 Flutter 技术，像 bat、tmd 等知名国内互联网公司，研究和使用都比较深入。 贝壳作为国内 Flutter 技术应用的先驱，2018 年底就在 Link&A+ App 上线了 Flutter 页面，如今已有三百个 Flutter 页面上线应用；目前，公司共有 10+ 款 App 在使用 Flutter 框架，占活跃 App 总数的 80%。
267 天前 / 林选臣
适用于。NET/.NET Core 开发人员的 WinForms 组件 NanUI 发布最新版本了。本文将大概介绍 NanUI 0.8 版的新特性和新功能。发布前感悟 NanUI 自从上一次更新 NanUI 0.7 已经过去大半年，B 站和头条的教学视频也只制作到了第二集。 有朋友悄悄问我是不是发生什么事故我删库跑路了所以那么长时间不更新项目不发布教程，当然，这只是玩笑而已。 实际情况是 NanUI 0.7 基于 ChormiumFX 项目进行开发，刚刚发布 0.7 之后我就发现了框架自生存在有重大 BUG 而且是我没有能力处理的那种。
271 天前 / 公子
构建前端模块构建执行文件后记 Drone 是一款开源的 CI/CD 工具，基于容器提供了强大的插件系统。多年前我有写过《基于 Docker 的 CI 工具——Drone》中有详细的介绍它的优点。Drone 采用的是 Server/Agent 架构，Server 端用来处理请求派发任务给 Agent，最终在 Agent 上执行任务。 Drone 整体是使用 Golang 写的，drone/drone-ui 是它的前端页面仓库，采用 Vue.js 进行开发（很早之前是使用 React 进行开发的）。
279 天前 / Android_开发者
写文章深入详解 Jetpack Compose | 优化 UI 构建谷歌开发者已认证的官方帐号 16 人赞同了该文章人们对于 UI 开发的预期已经不同往昔。现如今，为了满足用户的需求，我们构建的应用必须包含完善的用户界面，其中必然包括动画 (animation) 和动效 (motion)，这些诉求在 UI 工具包创建之初时并不存在。为了解决如何快速而高效地创建完善的 UI 这一技术难题，我们引入了 Jetpack Compose —— 这是一个现代的 UI 工具包，能够帮助开发者们在新的趋势下取得成功。 在本系列的两篇文章中，我们将阐述 Compose 的优势，并探讨它背后的工作原理。
330 天前 / Ryan众乐
导语：前端智能化，就是通过 AI/CV 技术，使前端工具链具备理解能力，进而辅助开发提升研发效率，比如实现基于设计稿智能布局和组件智能识别等。 本文要介绍的是我在前端智能化的实践：通过计算机视觉技术实现自动提取图片中的 UI 样式的能力。 具体效果如上图，当用户框选图片中包含组件的区域，算法能准确定位组件位置，并有效识别组件的 UI 样式。 样式提取方案本文基于 OpenCV-Python 实现图像的样式检测，主要分为三步：1. 从图片检测并分离组件区域；2. 基于组件区域进行形状检测；3. 对符合规则形状的组件进行样式计算。
390 天前 / ???米?开?朗?基?杨???
Docker 技术鼻祖系列 微软现在大搞副业，就是不肯在 Windows 系统上下功夫，最近又改了 GitHub UI 布局设计。核心思想是好的，利用了屏幕的宽度，首屏展示了更多的信息，元素设计上也更现代了一些。好看不好看不说，理念上的确先进了不少。 但有很多用户还是习惯以前的 UI 布局，怎么办呢？这里给大家推荐一个浏览器插件，可以让你在访问 GitHub 时使用以前的 UI 界面。插件的名字也很直接，就叫 Old GitHub UI，支持 Chrome 和 Firefox。
422 天前 / 凯凯刘
我们在做产品的时候，有的时候是不知道什么样的设计更有效，产品发布后，怎么来不断的提升转化率？每个人都有自己认为的好的方法。但是，从实际效果来说，什么是好的设计呢？今天就给大家介绍一个网站：https://goodui.org/，这个网站里介绍的好的设计都是经过 A/BTest 数据验证过，才得出的结论，其中 70 个好的 UI 设计我觉得非常不错，就整理分享给大家，相信对大家在提升产品转化率上会非常有帮助。这个系列文章会分成上下 2 篇，下面就是上篇的 35 招： 1、使用一栏式布局而不是多列一栏式布局能更好的展示你的表达内容。
440 天前 / ruki
LTUI是一个基于lua的跨平台字符终端UI界面库。 此框架源于xmake中图形化菜单配置的需求，类似linux kernel的menuconf去配置编译参数，因此基于curses和lua实现了一整套跨平台的字符终端ui库。而样式风格基本上完全参照的kconfig-frontends，当然用户也可以自己定制不同的ui风格。 另外，LTUI是完全跨平台的，windows上的terminal终端也是完全支持的，在windows上ltui会采用pdcurses来进行窗口绘制。
454 天前 / 携程技术
作者简介 JinG、YuWang，携程前端开发工程师，负责机票主流程预定 React Native 技术栈相关开发工作。 一、前言 随着携程机票 APP 全流程由 Native 技术栈转向 RN（React Native，以下均称 RN），同时引入了 BDD 的敏捷开发模式，以应对日益增长的产品需求。高速的开发迭代过程中，如何确保稳定且可持续的交付质量，显得尤为重要。本篇旨在介绍携程机票 APP 主流程团队使用与升级持续集成 / 持续交付（以下均称 CI/CD）来兼顾前端开发高效率及高质量的实践。