我知道vue有瀑布流插件vue-waterfall-easy,但是使用的时候与我的预期有部分别，所以就自己动手写了这个组件人和动物的根本区别是是否会使用工具，我们不仅要会使用，还要会创造工具,别人提供的工具不一定能满足自己的需求。先来张效果图: 使用示例:html:
waterfall :col="4" :onReachbottom="onReachBottom"
转载
2023-06-28 14:00:35
123阅读
瀑布流概念：又称瀑布流式布局，是比较流行的一种网站页面布局方式。视觉表现为参差不齐的多栏布局，最早采用此布局的是网站是Pinterest，后逐渐在国内流行。 瀑布流原理：页面容器内的多个高度不固定的div之间按照一定的间隔参差不齐的无序浮动，鼠标滚动时不断
转载
2023-10-06 19:21:59
68阅读
# Android瀑布流导致ViewPager自定义高度失效解决方案
## 引言
作为一名经验丰富的开发者，我将向你介绍如何解决在Android开发中，瀑布流布局导致ViewPager自定义高度失效的问题。本文将通过表格展示整个解决流程，并提供每一步所需的代码和注释。
## 解决流程
以下表格将展示解决这个问题的详细步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 第一步
原创
2023-09-21 12:22:13
75阅读
记得我在之前已经写过一篇关于如何在Android上实现照片墙功能的文章了，但那个时候是使用的GridView来进行布局的，这种布局方式只适用于“墙”上的每张图片大小都相同的情况，如果图片的大小参差不齐，在GridView中显示就会非常的难看。而使用瀑布流的布局方式就可以很好地解决这个问题，因此今天我们也来赶一下潮流，看看如何在Android上实现瀑布流照片墙的功能。首先还是讲一下实现原
转载
2023-09-26 19:22:05
72阅读
先看效果图吧，继上一篇《android自定义viewgroup实现等分格子布局》中实现的布局效果，这里稍微有些区别，每个格子的高度不规则，就是传说的瀑布流布局，一般实现这种效果，要么用第三方控件，如果不是加载图片还可以直接写在x
转载
2014-04-04 00:43:00
43阅读
2评论
自打 Apple 在 iOS6 中引入 UICollectionView 这个控件之后，越来越多
原创
2022-08-12 20:37:33
736阅读
我们知道谷歌keep在显示记事的时候可以多列显示，但是跟国内很多应用不同，它的记事之间高度是随机的，效果如下：因为之前没有用过GridView，但是知道GridView大概是怎么回事，只不过是listview的另一种形式而已，直觉告诉我谷歌这个界面是GridView做的。于是我就尝试着用GridView来模仿keep的界面。结果发现GridView根本做不出来，怎么弄每行都只
转载
2022-10-06 00:51:48
117阅读
1 <RelativeLayout
2 xmlns:android="http://schemas.android.com/apk/res/android"
3 xmlns:tools="http://schemas.android.com/tools"
4 android:layout_width="match_parent"
5 andro
转载
2014-09-26 20:54:00
66阅读
2评论
1 class WaterFlowLayout constructor(context: Context, attrs: AttributeSet) : ViewGroup(context, attrs) { 2 3 override fun onLayout(changed: Boolean, l ...
转载
2021-10-13 22:40:00
93阅读
2评论
Android开发自定义UI组件一些复用的UI组件，可以通过设置模板复用，接口回调等方法提高开发效率，降低代码耦合度。自定义组件大概分为3步： 1、自定义标签属性 2、定义组件类 3、在XML界面布局使用自定义标签下面举例实现一个TopBar和一个GridItem的自定义组件。这是项目目录结构一、自定义标签属性<?xml version="1.0" enc
转载
2023-07-25 20:45:32
475阅读
前言: 本篇文章不是分享collectionView的详细使用教程, 而是属于比较’高级’的collectionView使用技巧, 阅读之前, 我想你已经很熟悉collectionView的基本使用, 如果不是很熟悉, 建议在以后熟悉一下. 那么在本篇结束后, 你也能够很轻松的使用collectio
转载
2016-06-21 13:18:00
138阅读
2评论
废话少说 , 先展示一下文本瀑布流的效果 : 自定义瀑布流控件:package com.lyx.flowlayoutdemo;
import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import java
转载
2023-09-28 10:00:09
240阅读
Android之自定义TextView对于自定义，我也是最近才开始学习，所以有些自定义的控件也都是在学习中，今天先来写一个简单的自定义控件TextView，这个模仿已经简单的不能再简单了。对于自定义控件，一般来说，我们首先有以下几个步奏自定义的属性获取自定义属性重写常用的方法onDraw() onMeasure() onTouchEvent()等，这些是我们一些基本的方法，具体重写哪些方法根据具体
转载
2023-08-02 15:36:56
154阅读
为什么要有瀑布流：由于div高度不一样，不管是左浮动还是inline-block，同级的div都会平行显示(会有空白部分)。 没有加的效果： 加了瀑布流效果样子： 瀑布流实现方式：1. css + js (难点) ： 需要通过js计算图片的位置，进行正确排放，顺序不会乱，可持续加载新的数据2. 纯css(简单) ： 数据
转载
2023-08-29 21:25:05
125阅读
UICollectionView的瀑布流实现就是继承与UICollectionViewLayout重写一个类，在此类中重写prepare方法等（在dome中有详细注释）,主要思想就是计算了在视图中的Cell的X和Y的值，也就是Cell的位置，因为瀑布流的每个cell的高度不同，所有在排列的时候要找到上一列中那一列的最大Y值是最小的，在这一列中添加下一个Cel
转载
2023-07-26 16:42:05
87阅读
一、column 多行布局实现瀑布流column 实现瀑布流主要依赖两个属性。 2.一个是 column-count 属性，是分为多少列。 3.一个是 column-gap 属性，是设置列与列之间的距离。<!DOCTYPE html>
<html>
<head>
<style>
.box {
mar
转载
2023-06-05 15:53:06
69阅读
苹果在TableView之后推出的CollectionView，这两种自定义视图满足了绝大部分项目的需求，在初识iOS的时候，一直在纠结这两种视图应该用哪种，随着代码量的提升和对布局的认识，总结出CollectionView适合需要繁琐布局的视图，TableView比较适合垂直而下，数据源比较相似的视图。 CollectionView强大的自定义布局则基于UICollectionViewLa
转载
2023-07-03 15:58:06
205阅读
我们还是来看一款示例：（蘑菇街） 看起来很像我们的gridview吧，不过又不像，因为item大小不固定的，看起来是不是别有一番风味,确实如此.就如我们的方角图形，斯通见惯后也就出现了圆角.下面我简单介绍下实现方法.第一种：我们在配置文件中定义好列数.如
在上篇中我们知道RecyclerView中默认给我们提供了三种布局管理器，分别是LinearLayoutManager、GridLayoutManager、StaggeredGridLayoutManager。其中StaggeredGridLayoutManager可实现交错式网格布局，正好可以用来实现瀑布流。下面先看看效果图吧，再贴代码：其中大部分内容实现其实是和上篇文章是一样的，就不多叙述了，
转载
2023-10-30 15:08:46
212阅读
众所周知：传统的布局方式是通过position+display+flort实现的，在页面的构造过程中会出现很多的问题，包括高度塌陷和元素垂直居中等等的问题，一直到2009年，W3C提出了一种新的方案【Flex布局】，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。现在的手机端，包括手机页面，微信小程序等大多采用flex进行布局，
转载
2023-09-04 15:15:02
284阅读
