自定义View排列

最新推荐文章于 2019-12-15 14:20:45 发布
最新推荐文章于 2019-12-15 14:20:45 发布
阅读量373 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Logitech12/article/details/78449448
版权 
//梯形排列
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
    int row = 0;
    int right = 0;
    int bottom = 0;
    for (int i = 0; i < getChildCount(); i++) {
        View childView = getChildAt(i);
        int childW = childView.getMeasuredWidth();
        int childH = childView.getMeasuredHeight();
        right += childW;
        bottom += row * (childH+5)+childH;
        if (right>r){
            row++;
            right = childW;
            bottom += row * (childH+5)+childH;
        }
        childView.layout(right - childW,bottom - childH,right,bottom);
    }
}
 

 

//横排排列
 

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
    int mPaddingLeft = getPaddingLeft();
    int mPaddingRight = getPaddingRight();
    int mPaddingTop = getPaddingTop();

    int lineX = mPaddingLeft;
    int lineY = mPaddingTop;

    int lineWidth = r - l;
    int usefulWidth = lineWidth - mPaddingLeft - mPaddingRight;
    int lineUsed = mPaddingLeft + mPaddingRight;
    int lineHeight = 0;
    for (int i = 0; i < this.getChildCount(); i++) {
        View child = this.getChildAt(i);
        if (child.getVisibility() == GONE) {
            continue;
        }
        MarginLayoutParams mlp = (MarginLayoutParams) child.getLayoutParams();
        int childWidth = child.getMeasuredWidth();
        int childHeight = child.getMeasuredHeight();
        int spaceWidth = mlp.leftMargin + childWidth + mlp.rightMargin;
        int spaceHeight = mlp.topMargin + childHeight + mlp.bottomMargin;
        if (lineUsed + spaceWidth > lineWidth) {
            //approach the limit of width and move to next line

            lineY += lineHeight + lineSpacing;
            lineUsed = mPaddingLeft + mPaddingRight;
            lineX = mPaddingLeft;
            lineHeight = 0;
        }
        child.layout(lineX + mlp.leftMargin, lineY + mlp.topMargin, lineX + mlp.leftMargin + childWidth, lineY + mlp.topMargin + childHeight);
        if (spaceHeight > lineHeight) {
            lineHeight = spaceHeight;
        }
        lineUsed += spaceWidth;
        lineX += spaceWidth;

    }
}

                

        

    

  



    

      

        

            

              
                
                  Logitech12
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
继承ViewGroup的实例

				
			

			

				

					08-17
				

			

		

		

			
				
android中继承ViewGroup用法
android中继承ViewGroup用法
android中继承ViewGroup用法

			
		

	



                

            
              



	

		

			

				
					
自定义View -FlowLayout工程

				
			

			

				

					02-23
				

			

		

		

			
				
自定义View - FlowLayout工程就是为了实现这样的布局需求而设计的。  FlowLayout布局，顾名思义，是一种流动的布局方式，它能够像流水一样自动适应容器的宽度和高度，将子视图从左到右依次排列，当行尾空间不足以...

			
		

	



              


  
              

                


	

		

			

				
					
Android中自定义ViewGroup

					
热门推荐

				
			

			

				

					linghu_java的专栏
				

				

					01-23
					
					1万+
					
				

			

		

		

			
				
一、ViewGroup概述

 

研究ViewGroup之前，我们先来看看ViewGroup的介绍：                     




 /**
 * A ViewGroup is a special view that can contain other views
 * (called children.) The view group is the b

			
		

	





	

		

			

				
					
自定义View(五)之继承ViewGroup

				
			

			

				

					fightingXia的博客
				

				

					05-23
					
					970
					
				

			

		

		

			
				
一，概述在android系统中可以把View分为两大类，一类是View，这类View本身具有展示UI的作用，比如TextView可以展示文本，ImageView可以展示图片，EditText可以编辑文字。另外一类是ViewGroup，即容器View，ViewGroup本质是容器，用来盛放View，并决定View的摆放位置，这类View如Linearlayout和RelativeLayout。当我们需

			
		

	



		

			
		



	

		

			

				
					
[Android学习笔记]继承自ViewGroup的控件的过程学习

				
			

			

				

					weixin_34341117的博客
				

				

					04-21
					
					454
					
				

			

		

		

			
				
ViewGroup文档
http://developer.android.com/training/index.html




继承自ViewGroup需要重写onLayout方法用来为子View设定位置信息

必须重写当前控件的onLayout方法
abstract voidonLayout(boolean changed, int l, int t, int r,...

			
		

	





	

		

			

				
					
继承ViewGroup

				
			

			

				

					 大神大咖大牛 
				

				

					12-03
					
					425
					
				

			

		

		

			
				
package wld.bawei.com.myonemoni2.view;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;

/**
 * Created by 大金鑫 on 2017/12/3.


			
		

	





	

		

			

				
					
最近较流行的效果 Android自定义View实现倾斜列表/图片

				
			

			

				

					01-06
				

			

		

		

			
				
先看看效果图：  实现思路：擦除图片相应的角，然后层叠图片，产生倾斜效果 代码实现： ...2、自定义布局  public class TiltView extends ImageView {  private int imageWidth;//图片宽度  private i

			
		

	





	

		

			

				
					
自定义View系列：仿微信QQ等图片选择展示控件

				
			

			

				

					01-03
				

			

		

		

			
				
上图中每个ImageView的右上角都有一个删除按钮，我们可以通过组合View或者自定义View的方式去实现，这里选择自定义方式，自定义GridItemView继承自ImageView。 我们知道自定义View一般流程为： 编写自定义属性 在...

			
		

	





	

		

			

				
					
Android自定义View实现loading动画加载效果

				
			

			

				

					08-31
				

			

		

		

			
				
在Android应用开发中，自定义View是提升用户体验和界面独特性的重要手段。本文将探讨如何在Android中通过自定义View来实现loading动画加载效果。在系统默认的loading动画可能无法满足设计需求或审美标准时，自定义...

			
		

	





	

		

			

				
					
Android自定义View实现公交成轨迹图

				
			

			

				

					01-20
				

			

		

		

			
				
在Android开发中，自定义View是一种常见的需求，用于创建具有特定功能或视觉效果的视图组件。本例中，我们探讨的是如何实现一个公交线路轨迹图。这个自定义View是基于一个水平方向的RecyclerView，每个item包含定位...

			
		

	





	

		

			

				
					
Android自定义控件----继承ViewGroup自定义实现流式布局

				
			

			

				

					07-26
				

			

		

		

			
				
最近对自定义控件充满了兴趣，参考网上的视频写了一个流式布局的例子上传到这，和大家交流学习

			
		

	





	

		

			

				
					
继承ViewGroup的自定义view

				
			

			

				

					chenkaisq的博客
				

				

					04-18
					
					664
					
				

			

		

		

			
				
文章目录1.效果和自定义view的完整代码2.对wrap_content属性的处理3.onLayout处理4.弹性滑动和快速滑动
1.效果和自定义view的完整代码
这里写一个水平滑动自定义view,效果如图

先给个完整的自定义MyCustomViewGroup代码,然后在一步步分析
package com.test.ck.customview;

import android.content....

			
		

	





	

		

			

				
					
AndroidUI绘制流程实例2(继承ViewGroup)

				
			

			

				

					qq_36828822的博客
				

				

					12-15
					
					451
					
				

			

		

		

			
				
案例仅供参考学习。
MainActivity：
package com.example.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends Act...

			
		

	





	

		

			

				
					
继承ViewGroup研究（汇总） 一、二、三

				
			

			

				

					weixin_34010949的博客
				

				

					08-02
					
					119
					
				

			

		

		

			
				
转载过来：为一、二、三版本。
仅供参考：












继承ViewGroup研究(1)
 --简介和一个小Demo




又翻开一个新篇章了，哈哈，上一回学习的是继承View，关于继承View个人感觉不是那么完美，做技术的总是想让一切完美，但世界上本就没有完美，由他吧。这回研究的是ViewGroup。说实话，个人感觉这个类的功能还是...

			
		

	





	

		

			

				
					
自定义控件之继承ViewGroup(使用纯代码)

				
			

			

				

					chendong_的博客
				

				

					11-13
					
					1048
					
				

			

		

		

			
				
自定义控件
ViewGroup

			
		

	





	

		

			

				
					
了解自定义View和继承View,继承ViewGroup,继承已有View,继承已有ViewGroup实例ji

				
			

			

				

					github_37217206的博客
				

				

					02-06
					
					3387
					
				

			

		

		

			
				
自定义View的分类
继承View
当我们需要实现的效果是一个不规则效果的时候，那么这时就需要继承 View 来实现了，我们需要重写 onDraw 方法，在该方法里实现各种不规则的图形和效果。当我们使用这种方式的时候，需要自己去处理 warp_content 和 padding。

继承ViewGroup
当系统所提供的 LinearLayout、FrameLayout 等布局控件无法满

			
		

	





	

		

			

				
					
自定义View之继承ViewGroup

				
			

			

				

					smily的博客
				

				

					08-02
					
					1057
					
				

			

		

		

			
				
今天来完成一个自定义View继承ViewGroup的实例。先看效果图，如下： 
 
该自定义View中有三个子控件组成，分别是TextView、EditText和ImageView。当EditText为空时不显示ImageView，当EditText不为空时显示ImageView，此时点击ImageView则清空EditText。 
由于该自定义View中有三个子控件，因此我们可以选择让其继承Lin

			
		

	





	

		

			

				
					
Android 自定义view（三） 继承ViewGroup

				
			

			

				

					Young
				

				

					02-20
					
					1161
					
				

			

		

		

			
				
前言：本篇博客讲解内容主要是鸿洋的博客上篇文章自定义view（二），继承view。今天来看自定义View的第二种情况，继承自viewgroup，虽然viewGroup也是继承view控件，但是ViewGroup和View还是有很多方法区别的，顾名思义，这是一个控件的集合控件。1.我们来通过自定义viewGroup来实现瀑布流的效果。效果图如下： 
2.继承viewGroup主要来重写onMearsu

			
		

	





	

		

			

				
					
Android自定义控件----继承ViewGroup自定义ViewPager1(学习)

				
			

			

				

					翟浩浩Android专栏
				

				

					05-24
					
					917
					
				

			

		

		

			
				
1效果图 
 
2项目结构 
 
3源码： 
3.1自定义控件ImageViewGroup



package com.zhh.mybanner;

import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.util.Log;
i...

			
		

	





	

		

			

				
					
android 自定义view 圆环排列

					
最新发布

				
			

			

				

					04-10
				

			

		

		

			
				
### Android自定义View实现圆环排列的功能

要在Android中通过自定义View实现圆环排列功能，可以通过`Canvas`和`Paint`对象完成。以下是详细的实现方式：

#### 1. 创建自定义View类
创建一个新的类继承自`View`，并重写`onDraw()`方法[^3]。

```java
public class CircleArrangeView extends View {
    private Paint paint;
    private int centerX, centerY; // 圆心坐标
    private float radius;         // 外围大圆的半径
    private List<Point> points;   // 存储小圆的位置

    public CircleArrangeView(Context context) {
        this(context, null);
    }

    public CircleArrangeView(Context context, AttributeSet attrs) {
        super(context, attrs);

        init();
    }

    private void init() {
        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(Color.BLUE); // 设置画笔颜色
        paint.setStyle(Paint.Style.FILL); // 设置填充模式

        points = new ArrayList<>();
    }
}
```

---

#### 2. 计算圆环上的点位
在`onSizeChanged()`方法中计算外围大圆的圆心以及各个小圆的位置。假设我们需要放置N个小圆，则它们均匀分布在大圆周上。

```java
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);

    centerX = w / 2;              // 获取视图宽度的一半作为X轴圆心
    centerY = h / 2;              // 获取视图高度的一半作为Y轴圆心
    radius = Math.min(centerX, centerY) * 0.8f; // 半径取较小值的80%

    calculatePoints(12);          // 假设放置12个小圆
}

private void calculatePoints(int count) {
    points.clear();

    double angleStep = (Math.PI * 2) / count; // 每一个小圆之间的角度差
    for (int i = 0; i < count; i++) {
        double angle = i * angleStep;

        int x = (int) (centerX + Math.cos(angle) * radius); // 小圆的X坐标
        int y = (int) (centerY + Math.sin(angle) * radius); // 小圆的Y坐标

        points.add(new Point(x, y));
    }
}
```

---

#### 3. 绘制圆环及其子项
在`onDraw()`方法中调用`canvas.drawCircle()`绘制外圈的大圆，并逐一绘制内部的小圆。

```java
@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    // 绘制外部大圆
    paint.setColor(Color.GRAY);
    paint.setStrokeWidth(10);     // 设置描边粗细
    paint.setStyle(Paint.Style.STROKE); // 描边模式
    canvas.drawCircle(centerX, centerY, radius, paint);

    // 绘制小圆
    paint.setColor(Color.RED);
    paint.setStyle(Paint.Style.FILL); // 填充模式
    for (Point point : points) {
        canvas.drawCircle(point.x, point.y, 50, paint); // 小圆直径为100px
    }
}
```

---

#### 完整代码示例
以下是完整的代码实现：

```java
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

import java.util.ArrayList;
import java.util.List;

public class CircleArrangeView extends View {

    private Paint paint;
    private int centerX, centerY; // 圆心坐标
    private float radius;         // 外围大圆的半径
    private List<Point> points;   // 存储小圆的位置

    public CircleArrangeView(Context context) {
        this(context, null);
    }

    public CircleArrangeView(Context context, AttributeSet attrs) {
        super(context, attrs);

        init();
    }

    private void init() {
        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(Color.BLUE); // 设置画笔颜色
        paint.setStyle(Paint.Style.FILL); // 设置填充模式

        points = new ArrayList<>();
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);

        centerX = w / 2;              // 获取视图宽度的一半作为X轴圆心
        centerY = h / 2;              // 获取视图高度的一半作为Y轴圆心
        radius = Math.min(centerX, centerY) * 0.8f; // 半径取较小值的80%

        calculatePoints(12);          // 假设放置12个小圆
    }

    private void calculatePoints(int count) {
        points.clear();

        double angleStep = (Math.PI * 2) / count; // 每一个小圆之间的角度差
        for (int i = 0; i < count; i++) {
            double angle = i * angleStep;

            int x = (int) (centerX + Math.cos(angle) * radius); // 小圆的X坐标
            int y = (int) (centerY + Math.sin(angle) * radius); // 小圆的Y坐标

            points.add(new Point(x, y));
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // 绘制外部大圆
        paint.setColor(Color.GRAY);
        paint.setStrokeWidth(10);     // 设置描边粗细
        paint.setStyle(Paint.Style.STROKE); // 描边模式
        canvas.drawCircle(centerX, centerY, radius, paint);

        // 绘制小圆
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.FILL); // 填充模式
        for (Point point : points) {
            canvas.drawCircle(point.x, point.y, 50, paint); // 小圆直径为100px
        }
    }
}
```

---

#### 注意事项
- `drawCircle`函数的第一个参数是圆心的X坐标，第二个参数是圆心的Y坐标，第三个参数是圆的半径，第四个参数是画笔对象[^2]。
- 如果需要动态调整大小或数量，可以在运行时修改`calculatePoints()`中的参数。

---

相关问题

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值