文章目录一、移动端基础1.浏览器现状2.手机屏幕现状3.移动端调试方法4.总结二、视口1.布局视口 layout viewport2.视觉视口 visual viewport3.理想视口 ideal viewport4.meta视口标签三、二倍图1.物理像素&物理像素比2.多倍图3.背景缩放 background-size四、移动端开发选择五、移动端技术解决方案5.1、移动端浏览器5.2            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-20 22:10:20
                            
                                14阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            概述本文主要分享Android流式布局实现,实现效果如下:在实现之前先来看一下View的生命周期,如下图:流式布局属于自定义ViewGroup,重点关注onMeasure与onLayout方法onMeasure完成子控件以及自身宽高测量onMeasure方法中的主要工作:确定子控件的widthMeasureSpec与heightMeasureSpec(重点)根据childWidthMeasureS            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-11 16:14:55
                            
                                81阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、.首先 在自定义view方面需要 android 最基础的知识也就是View的绘制流程了 measure、layout、draw的三个执行流程measure:测量,测量自己有多大,如果是ViewGroup的话会同时测量里面的子控件的大小     layout:摆放里面的子控件     draw:绘制 (重写onDraw) &            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-17 11:06:59
                            
                                22阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            我们在上一篇文章《Android中的自定义View(一)》中介绍过自定义View的几种方式,并通过示例一演示了“直接继承View”的自定义View的使用情况。今天接着来介绍自定义View里稍为复杂的“直接继承ViewGroup”的使用情况。一般地,直接继承ViewGroup的自定义View需要我们自己去处理ViewGroup的measure和layout这两个过程,并同时处理子元素的measure            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-23 18:34:15
                            
                                68阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Android 流式布局作为一个码农,在平时UI的各种要求中,流式布局应该是一种比较普遍的展示,通常来说就是:根据父控件给与的大小来进行合理的展示子控件。本文就是通过自定义ViewGroup的方式,进一步实现onMeasure和onLayout方法进行实现,需要你对View的测量,大小有一定的了解。onMeasure通常我们进行自定义View和ViewGroup时,基本上都会使用到该类,可能有些人            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-04 10:53:45
                            
                                77阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             1.   测量规则: 如果父控件是ViewGroup, 调用Measure方法,如果子控件是View,那么调用重写onMeasure测量,调用setMeasureDimension设置宽高 
子控件onMeasure 中, 必须知道 父控件的 测量规则
     // 1. 测量的时候测量多次
         // 父容器     给当前 视图的 widthMeasureS            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-23 20:43:47
                            
                                27阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            嗨,今天我来分享一下Android中的布局,布局我今天为大家分享其中一个简单的布局:流式布局          1.所谓的流式布局,就是像流水一样直接自动从左到右,自动排序然后通过控制其属性控制控件的位置,从而达到控制其位置,大家可以试着做一下下面这个题,对于刚入门Android的童鞋来说好玩到爆(@ ̄ー ̄@)  对,不用其他布局,只用流式布局来写这个,需要动一下你的脑筋,不要小看哦,也希望有童鞋            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-21 13:51:13
                            
                                154阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文章目录前言思路分析继承自ViewGrouponMeasureonLayout结束语 前言最近由于项目需求,需要呈现出流式布局的搜索关键词。虽然项目里早已有实现了FlowLayout,但是由于出现了一些计算上的bug,所以我又捋了一遍,这次写到博客上。 FlowLayout使用的场景还是挺多的,最常见的就是呈现一些搜索热词的时候了。下面将演示如何实现一个搜索热词的流式布局,最后面会贴出FlowL            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-28 12:45:28
                            
                                58阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
                                       图1       &nbs            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-21 12:30:54
                            
                                115阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            查看我的所有开源项目【开源实验室】 欢迎增加我的QQ群:【201055521】,本博客client下载【请点击】摘要新项目用到了一种全新布局————Android标签流式布局的功能,正好一直说给大家讲自己定义控件的实现,今天就为大家讲一种android流式布局的实现。 本文原创,转...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-01-20 08:48:00
                            
                                236阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            新项目用到了一种全新布局————Android标签流式布局的功能,正好一直说给大家讲自定义控件的实现,今天就为大家讲一种android流式布局的实现。在日常的app使用中,我们会在android 的app中看见热门标签等自动换行的流式布局,今天,我们就来看看如何自定义一个类...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-15 12:17:51
                            
                                235阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                   在日常的app使用中,我们会在android 的app中看见 热门标签等自动换行的流式布局,今天,我们就来看看如何自定义一个类似热门标签那样的流式布局。下面我们就来详细介绍流式布局的应用特点以及用的的技术点。1.流式布局的特点以及应用场景        特点:当上面一行的空间不够容纳新的TextView时            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-31 11:14:45
                            
                                237阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # Android RecyclerView实现流式布局
## 概述
本文将介绍如何使用Android的RecyclerView控件实现流式布局。首先,我们会展示整个实现流程的流程图,然后逐步介绍每个步骤需要做的事情并提供相应的代码示例和解释。
## 流程图
```mermaid
flowchart TD
    A[开始] --> B[导入RecyclerView控件]
    B -->            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-11-19 08:23:36
                            
                                154阅读
                            
                                                                             
                 
                
                             
         
            
            
            
              Android中的流式布局也就是常说的瀑布流很是常见,不仅在很多项目中都能见到,而且面试中也有很多面试官问道,那么什么是流式布局呢?简单来说就是如果当前行的剩余宽度不足以摆放下一个控件的时候,则自动将控件填充到下一行中,如一些关键字的标签,热搜词列表等位置出现的比较多。而且控件的类型可以摆放不同的,如一行中可以放置TextView,或者是ImageView,布局应该根据行中最大宽度来自动确定自            
                
         
            
            
            
            效果图:概述1.流式布局原理:在布局内,随意摆放任意个view,每行所摆放的view个数,根据实施计算出来的宽度,一旦当前要摆放的view宽度和之前摆放的所有view宽度加在一起,超过了布局的宽度,那么就把该view换行摆放2.应用场景:一般,像这种流式布局会应用在一些热门标签,热门推荐之类的应用上3.测量模式:谈到FlowLayout流式布局,不得不提及他的测量模式:* MeasureSpec.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-15 15:00:29
                            
                                33阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            流式布局,就是一个容器(ViewGroup),往里面添加元素(子View),元素会一直跟在前一个元素的左边,如果超过容器的边界,就把元素放在下一行的第一个位置。Like This:我们自己来实现一下这么一种布局,在实现之前,你需要理解关于自定义ViewGroup相关的知识,可以参考 Android 手把手教您自定ViewGroup;如果没问题,接着往下看。网上已经有很多人实现流式布局了,不过大部分            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-26 14:39:20
                            
                                236阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            FlowLayout应该是Swing布局管理器学习中最简单、最基础的一个。所谓流式,就是内部控件像水流一样,从前到后按顺序水平排列,直到达到容器的宽度时跳转到第二行。既然是水平排列,那么就存在三种基本的对齐方式:居中对齐(CENTER )、左对齐(LEFT )和右对齐(RIGHT )。然而,FlowLayout还提供两种对齐方式:LEADING,表示控件与容器方向开始边对应;TRAILI            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-25 13:01:33
                            
                                343阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            定义什么是流式布局?就是当一行的末尾不能容纳新的子控件时,就另起一行。适用的场景包括关键字标签,搜索热词等。实现1.理解android View的3种测量模式1)EXACTLY:表示设置了精确的值,一般当childView设置其宽、高为精确值、match_parent时,ViewGroup会将其设置为EXACTLY;  2)AT_MOST:表示子布局被限制在一个最大值内,一般当childView设            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-22 14:29:01
                            
                                210阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近在做需求的时候,碰到有各种筛选项的界面,类似这样 这种筛选界面也比较常见,一般我们都采用RecyclerView来实现,当筛选项比较少的时候,我们选择使用线性布局来实现,当筛选项比较多,但是每个筛选项长度一样时,我们可以采用网格布局。但是这次的需求,筛选项有长有短,并且当每一行还有空间时,不能进行换行,因此RecyclerView自带的瀑布流布局也不能满足需求。我们知道Recycle            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-31 09:52:45
                            
                                183阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            流式布局(百分比布局)流式布局,就是百分比布局,也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式。max-width最大宽度( max-height最大高度)min-width最小宽度( min-height最小高度)图片格式DPG图片压缩技术京东自主研发推出DPG图片压缩技术,经测试            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-29 16:19:02
                            
                                78阅读