kepler2016

在前一篇中，介绍了 KtArmor—MVVM 简单的使用方法，但是这往往不是全部。 在持续迭代、维护下，发现功能越写越多，也相应复杂起来。 废话不多说，进入正文。 回到上文所说的 Login 示例，我们在 LoginViewModel，通过quickLaunch DSL 方式，…

1.什么是自定义View? 1. 定义 2. 如何实现 3. View视图框架结构 2. 为什么使用自定义View 2.1让界面有特定的显示风格、效果 2.2 让控件具有特殊的交互方式 2.3 优化布

布局在我们前端日常开发来说是非常重要的，一个好的布局能简化代码的同时还能提高网页的性能。本文主要讲解一些项目中常用的布局方案。

使用场景 某个元素的高度需要按照宽度的百分比进行设置。 比如元素A的宽度是父元素B的33.33%，并且要求A是正方形的展示区域的时候，就可以用这个方案。 解决方案 思路说明 outter可以理解为任意

页面自适应布局以及分辨率适配方案 流式布局 保证布局内每一级必须设置相对于父级百分比宽度，但设计稿一般都是按照固定宽度设计，内部图片都是固定大小，拉伸或者缩放时都会导致变形，虽然都够实现布局宽度上的自

如何处理元素的高度随宽度变化，能够根据窗口大小实现等比例缩放。css属性aspect-ratio，根据窗口设置vm，或者用padding设置百分比把元素高度撑起来。

响应式Grid布局-按比例响应 响应式Grid布局 Grid布局目前来说应该算是最热门的布局方式了。比Flex布局更加灵活，对于响应式布局设计来说，也是非常方便。甚至一行代码就可以实现响应布局。 以下

在现代Web设计中，实现元素的响应式和自适应布局是至关重要的。CSS aspect-ratio 属性为开发者提供了更好的控制宽高比，使元素在不同视口尺寸和屏幕方向下保持一致的比例。在这篇文章中，我们将

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！