1.首先创建一个自定义View类: public class CustomView extends ViewGroup { private int mleftMargin=20; private int mtopMargin=20; public CustomView(Context context ...
分类:
移动开发 时间:
2021-05-03 12:48:19
阅读次数:
0
这个比较重要 京东的图片格式是 .dpg后缀的 是京东自己出的一种有损压缩技术 体积减少50% 并且支持各种浏览器 加了固定定位的盒子 一定要给高度 图片设置为100%宽度 盒子有多宽 图片就多宽 ctrl + g 快速跳转行号 编辑器快捷键 去除图片底部的空白缝隙 img { vertical-a ...
分类:
其他好文 时间:
2021-02-04 12:24:05
阅读次数:
0
Java-GUI-Example04 FlowLayout(流式布局管理器)是最简单的布局管理器。 特点:组件会按照顺序从左至右依次放置,会自动换行。可以按左对齐、居中对齐或右对齐排列。 FlowLayout 方法声明 功能描述 FlowLayout() 组件默认居中对齐,水平、垂直间距默认为5个单 ...
分类:
编程语言 时间:
2020-12-14 13:33:50
阅读次数:
4
0.引言 在我们编写css的时候,经常会用到百分比赋值(%)实现自适应。像我们最常使用的流式布局设计模式,基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题,我们常常会使用下面这样的css代码加以实现(absolute+transform思路): .wrap { ...
分类:
Web程序 时间:
2020-07-07 00:40:28
阅读次数:
200
import 'package:flutter/material.dart'; class WrapDemo extends StatefulWidget { @override _WrapDemoState createState() => _WrapDemoState(); } class _W ...
分类:
其他好文 时间:
2020-07-04 17:15:23
阅读次数:
81
1)固定布局:设置viewport,布局与pc端一样,设假设整个网页的宽度为320px居中即可,超出部分留白。 优点:思路沿用PC端,上手简单。 缺点:大屏幕手机及手机横屏时,两边是留白较大,且大屏幕手机下看起来页面会特别小,操作的按钮也很小,用户体验较差 2)流式布局:重点是使用百分比来代替传统p ...
分类:
移动开发 时间:
2020-06-19 20:51:37
阅读次数:
95
#### 1. 浏览器渲染机制 - 浏览器采用流式布局模型(`Flow Based Layout`) - 浏览器会把`HTML`解析成`DOM Tree`,解析`css`构建`render`树(将css代码解析成树形的数据结构,然后结合DOM合并成render树) - 有了`RenderTree`, ...
分类:
其他好文 时间:
2020-06-08 16:10:30
阅读次数:
73
注意:无论是什么布局,最外面都需要加个版心,这样不会导致整个布局超过可视区域,形成横向滚动条。 1.流式布局 (百分比布局) 宽度使用百分比,高度使用px 2.伸缩布局 (弹性布局) flex 2.1 作用:使得我们对块级元素的布局排列变得十分灵活,适应性非常强,其强大的伸缩性,在响应式开中可以发挥 ...
分类:
移动开发 时间:
2020-05-24 14:07:21
阅读次数:
108
流式布局(百分比布局): 流式布局,也就是百分比布局,也称非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充 流式布局方式是移动web开发使用的比较常见的布局方式 max-width 最大宽度(max-height 最大高度) min-width ...
分类:
移动开发 时间:
2020-05-17 17:47:06
阅读次数:
81
1、什么是瀑布流 1.1、瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,图片的宽度是固定的,高度自动。视觉表现为参差不齐的多列布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。 2、h5下实现一个瀑布流的基本思路 2.1、定义基本的html结构 <div class ...
分类:
微信 时间:
2020-05-11 21:55:32
阅读次数:
111