分类：布局

2021
06-19

Android实现布局全屏

Android实现布局全屏 本文实例为大家分享了Android实现布局全屏的具体代码，供大家参考，具体内容如下前言类似Launcher，希望占用的布局铺满全屏，以调整状态栏及虚拟按键部分的颜色样式。废话不多说，上案例：一、效果预览二、案例实现1.新建Android工程2.styles样式增加values目录的styles.xml添加如下样式：<stylename="FullTheme"parent="@style/BaseFullTheme"></style><stylename="BaseFullTheme"parent="@android:style/Theme.DeviceDefaul... 继续阅读 >
2021
04-27

详解Android布局加载流程源码

一.首先看布局层次看这么几张图我们会发现DecorView里面包裹的内容可能会随着不同的情况而变化，但是在Decor之前的层次关系都是固定的。即Activity包裹PhoneWindow，PhoneWindow包裹DecorView。接下来我们首先看一下三者分别是如何创建的。二.Activity是如何创建的首先看到入口类ActivityThread的performLaunchActivity方法:privateActivityperformLaunchActivity(ActivityClientRecordr,IntentcustomIntent){...... 继续阅读 >
2021
03-14

js实现瀑布流布局（无限加载）

本文实例为大家分享了js实现瀑布流布局的具体代码，供大家参考，具体内容如下1.实现瀑布流布局思路准备好数据之后.绑定滚动事件.判断页面是否到底（滚动的距离+可是区域的高度==最后一个元素的top）.加载新数据，渲染新页面.重新执行瀑布流效果2.代码（更换图片路径之后可直接运行）<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Document</title><style>.cont{margin:0auto;background:#ccc;position:re... 继续阅读 >
2020
12-27

JavaScript实现瀑布流布局的3种方式

JavaScript实现瀑布流布局的3种方式 前言今天逛闲鱼的时候观察到每一行的高度不是相同的，经了解才知道原来这是一种瀑布流布局，感觉挺有意思，于是决定研究一下，在网上也找了一些方案，实现瀑布流大概有3种方式。一、JS实现瀑布流思路分析1、瀑布流布局的特点是等宽不等高。2、为了让最后一行的差距最小，从第二行开始，需要将图片放在第一行最矮的图片下面，以此类推。3、父元素设置为相对定位，图片所在元素设置为绝对定位。然后通过设置top值和left值定位每... 继续阅读 >
2020
12-05

vue基于Echarts的拖拽数据可视化功能实现

背景我司产品提出了一个需求，做一个数据基于Echars的可拖拽缩放的数据可视化，上网百度了一番，结果出现了两种结局，一种花钱买成熟产品（公司不出钱），一种没有成熟代码，只能自己写了，故事即将开始，敬请期待......。 不，还是先上一张效果图吧，请看......前期知识点1.offset（偏移量）定义：当前元素在屏幕上占用的空间，如下图：其中：offsetHeight:该元素在垂直方向上的占用的空间，单位为px，不包括margin。offs... 继续阅读 >
2020
12-02

Android RecyclerView网格布局示例解析

Android RecyclerView网格布局示例解析 一个简单的网格布局activity_main.xml<?xmlversion="1.0"encoding="utf-8"?><android.support.constraint.ConstraintLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><andro... 继续阅读 >
2020
11-13

Flexible.js可伸缩布局实现方法详解

阿里团队开源的一个库。flexible.js，主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。实现方法：通过JS来调整html的字体大小，而在页面中的制作稿则统一使用rem这个单位来制作。关键代码如下：;(function(win,lib){vardoc=win.document;vardocEl=doc.documentElement;varmetaEl=doc.querySelector('meta[name="viewport"]');varflexibleEl=doc.querySelector('meta[name="flexible... 继续阅读 >
2020
10-10

Android实现Z轴布局效果

Android实现Z轴布局效果 如果需要在布局中创造一个层叠的概念,那么使用Android系统中的ViewGroup是不够的,但是可以通过改变ViewGroup的绘制顺序实现代码下载继承自FrameLayoutFrameLayout已经帮我们实现了子View的measure和layout过程,我们只需在它的基础上改变绘制顺序即可自定义LayoutParamslayoutParams的作用是向父布局请求布局参数(MeasureSpec),这个参数会在Viewinflate时添加到布局中,我们如果使用LayoutParams将会得到很大的方便//这里继承Frame... 继续阅读 >
2020
10-09

Vue-cli 移动端布局和动画使用详解

vue-cli（重点）vue-cli是用来管理vue项目的工具，可以使用vue-cli快速创建项目、启动项目、编译项目等操作。常说的vue全家桶指：vue-cli、vue-router、vuex、vue-resource。vue的单文件组件扩展名是.vue文件，需要借助vue-loader，才能被正常解析。vue-cli3（新版本）如果之前安装过低版本的vue-cli，那么命令行执行：npmuninstallvue-cli-g然后安装npminstall-g@vue/cli然后检查版本vue--version创建项目vuecre... 继续阅读 >
2020
10-08

js瀑布流布局的实现

js瀑布流布局的实现 本文实例为大家分享了js实现瀑布流布局的具体代码，供大家参考，具体内容如下原理：1、瀑布流布局，要求进行布局的元素等宽，然后计算元素的宽与浏览器的宽度之比，得到需要布置的列数。2、创建一个数组，长度为列数，数组元素为每一列已布置元素的总高度。（一开始为0）。3、将未布置的元素，依次布置到高度最小的那一列，然后更新这一列的高度，就得到了瀑布流布局实现布局<body><divid="content"><divid="box"><imgsrc=... 继续阅读 >
2020
10-08

五种JAVA GUI布局管理的方式

1.流式布局（FlowLayout）定义：通俗地说，流式布局就是根据窗口大小，自动改变窗口内组件的位置。例如：原窗口大小一行可以容纳10个BUTTON，但将窗口缩小后，每行仅能容纳5个BUTTON，此时原先的10个BUTTON中的五个就会自动排列到下一行。示例：（省略panel的使用）Hashsetpackage布局管理;​importjava.awt.*;importjava.awt.event.WindowAdapter;importjava.awt.event.WindowEvent;​publicclassLayout{//流... 继续阅读 >
2020
09-30

js实现九宫格布局效果

js实现九宫格布局效果 本文实例为大家分享了js实现九宫格布局效果的具体代码，供大家参考，具体内容如下效果代码如下：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">*{margin:0;padding:0;}#container{width:1200px;margin:0auto;}#top{padding:20px;}#bottom{position:relative;}.box{//每一个小块width:220px;height:360px;margin:015px15... 继续阅读 >
2020
09-24

vue实现简单瀑布流布局

vue实现简单瀑布流布局 vue简单实现瀑布流布局的一种方式（vue瀑布流组件），供大家参考，具体内容如下vue中的瀑布流布局组件需求：图片容器宽度固定，高度根据图片自适应，图片一行不能排列时候，换行依次从左往右排列。（瀑布流概念）另外结合vue-lazy实现懒加载（npmivue-lazyload--save-dev）使用也很简单，在需要懒加载的img标签上将:src换成v-lazy父组件传递数据：waterfallData:[{e_img:"test.jpg",//图片e_intro:"描述信息",u_img:... 继续阅读 >
2020
09-24

JAVA swing布局管理器实例解析

JAVA swing布局管理器实例解析 组件在容器（比如Jframe）中的位置和大小是由布局管理器来决定的。所有的容器都会使用一个布局管理器，通过它来自动进行组件的布局管理。种类java共提供了五种布局管理器，只介绍三种是最常见的布局管理器。边界布局BorderLayout边界布局将容器简单的划分为东南西北中5个区域，中间区域最大。JFrame、JDialog默认布局就是BorderLayout。/**作者：白客C*时间：2020年03月05日*内容：gui窗体*步骤：*1.继承JFrame*2.定义... 继续阅读 >
2015
03-16

小米的布局智慧

小米的布局智慧 延展的四肢无论规模如何，一家公司的能力终归有上限。小米成长到如此大的体量，能做的事情尽管很多，但也很容易失去焦点。设立基金并投资密切相关领域的初创公司，相当于延展了小米的四肢，在众多细分领域的未来还看不清楚的时候，广泛投资进可攻退可守，几乎完美平衡了机遇和风险。据TECH2IPO创见记者的调查，雷军已经设立了相对完善的投资梯队，其中包括小米科技旗下的天津金星、天津顺米和小米投资（XiaomiV... 继续阅读 >
2015
01-27

Yii2.0教程应用结构篇 —— 视图

视图是MVC模式中的一部分。它是展示数据到终端用户的代码，在网页应用中，根据视图模板来创建视图，视图模板为PHP脚本文件，主要包含HTML代码和展示类PHP代码，通过[[yii\web\View|view]]应用组件来管理，该组件主要提供通用方法帮助视图构造和渲染，简单起见，我们称视图模板或视图模板文件为视图。创建视图如前所述，视图为包含HTML和PHP代码的PHP脚本，如下代码为一个登录表单的视图，可看到PHP代码用来生成动态内容如... 继续阅读 >