android android:layout_margin,Android-自定义ViewGroup-增加layout_margin支持

最新推荐文章于 2023-06-27 21:30:15 发布
最新推荐文章于 2023-06-27 21:30:15 发布
阅读量485 收藏
点赞数
文章标签： android android:layout_margin

不过由于我们没有考虑margin，所以暂时还不能支持margin属性的设置，即使你设置了，但是如果onLayout没有做处理也是不行滴...自定义的呀！

首先我们拿第一个控件设置一些个margin，然后内部去处理下：

custom_viewgroup_me.xml

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="#ffff00ee">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginBottom="10dp"

android:layout_marginLeft="10dp"

android:layout_marginRight="10dp"

android:layout_marginTop="10dp"

android:background="#ff87addd"

android:text="aaaaaaaa哇咔咔哇咔咔"

android:textColor="#ff000000"

android:textSize="22sp" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="#ffa43dee"

android:text="sssssss"

android:textColor="#ff000000"

android:textSize="12sp" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="#ffa43dee"

android:text="wwwwwww"

android:textColor="#ff000000"

android:textSize="18sp" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="#ffa43dee"

android:text="大幅度发"

android:textColor="#ff000000"

android:textSize="12sp" />

Then,我们要拿到margin属性，然后做几件事情：

1. 在onMeasure中增加容器的左右宽度，也就是之前计算的maxWidth = maxWidth + leftMargin + rightMargin; ---因为你设置了控件的左右间距，相当于增大了控件的宽度

2. 在onMeasure中增加容器的上下高度(就是高度)，同理maxWidth = maxWidth + topMargin + bottomMargin;

3. 在onLayout中，绘制的left, top自然也要跟着进行位移，凸显出间距来 leftPos + leftMargin leftTop + rightMargin

4. 在onLayout中，之前累积的下一个控件的top值相应的要多增加top/bottom的间距leftTop += childH + topMargin + bottomMargin;

5. onLayout中的绘制范围右下角还是和之前一样(除非你有的控件可能受到对应影响，那样可能就是相对复杂的布局了)

A. 现在需要获取整个margin属性？？

我们下一篇专门针对这个做一些学习...

下面我们就直接参考官方之前的做法自定义个LayoutParams继承MarginLayoutParams,然后在generateLayoutParams方法中返回(之前我有提到过这个方法):

@Override

public CustomViewGroupLastNew.LayoutParams generateLayoutParams(AttributeSet attrs) {

return new CustomViewGroupLastNew.LayoutParams(getContext(), attrs);

}

/**

* 这个是布局相关的属性，最终继承的是ViewGroup.LayoutParams，所以上面我们可以直接进行转换

* --目的是获取自定义属性以及一些使用常量的自定义

*/

public static class LayoutParams extends MarginLayoutParams {

public LayoutParams(Context c, AttributeSet attrs) {

super(c, attrs);

// Pull the layout param values from the layout XML during

// inflation. This is not needed if you don't care about

// changing the layout behavior in XML.

TypedArray a = c.obtainStyledAttributes(attrs, R.styleable.CustomLayoutLP);

///< TODO 一些属性的自定义

a.recycle();

}

public LayoutParams(int width, int height) {

super(width, height);

}

public LayoutParams(ViewGroup.LayoutParams source) {

super(source);

}

}

简单说明：至于怎么就获取的margin，然后怎么返给子控件的，大概可以跟到MarginLayoutParams里面去看.. next page，let't do it...

B. 获取到属性了我们就可以直接累代码了，相信积累了前面几篇文章的过渡，这些思考下应该问题不大了吧...直接看代码：

package me.heyclock.hl.customcopy;

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Canvas;

import android.graphics.Rect;

import android.util.AttributeSet;

import android.util.Log;

import android.view.Gravity;

import android.view.View;

import android.view.ViewGroup;

/*

*@Description: 自定义ViewGroup + 纵向垂直布局 + 单列

*@Author: hl

*@Time: 2018/10/25 10:18

*/

public class CustomViewGroupLastNew extends ViewGroup {

private Context context;///< 上下文

/**

* 计算子控件的布局位置.

*/

private final Rect mTmpContainerRect = new Rect();

private final Rect mTmpChildRect = new Rect();

public CustomViewGroupLastNew(Context context) {

this(context, null);

}

public CustomViewGroupLastNew(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public CustomViewGroupLastNew(Context context, AttributeSet attrs, int defStyleAttr) {

this(context, attrs, 0, 0);

}

public CustomViewGroupLastNew(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {

super(context, attrs, defStyleAttr, defStyleRes);

this.context = context;

}

/**

* 测量容器的宽高 = 所有子控件的尺寸 + 容器本身的尺寸 -->综合考虑

*

* @param widthMeasureSpec

* @param heightMeasureSpec

*/

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

///< 定义最大宽度和高度

int maxWidth = 0;

int maxHeight = 0;

///< 获取子控件的个数

int count = getChildCount();

for (int i = 0; i < count; ++i) {

View view = getChildAt(i);

///< 子控件如果是GONE - 不可见也不占据任何位置则不进行测量

if (view.getVisibility() != GONE) {

///< 获取子控件的属性 - margin、padding

CustomViewGroupLastNew.LayoutParams layoutParams = (CustomViewGroupLastNew.LayoutParams) view.getLayoutParams();

///< 调用子控件测量的方法getChildMeasureSpec(先不考虑margin、padding)

///< - 内部处理还是比我们自己的麻烦的，后面我们可能要研究和参考

final int childWidthMeasureSpec = getChildMeasureSpec(widthMeasureSpec, layoutParams.leftMargin + layoutParams.rightMargin, layoutParams.width);

final int childHeightMeasureSpec = getChildMeasureSpec(heightMeasureSpec, layoutParams.topMargin + layoutParams.bottomMargin, layoutParams.height);

///< 然后真正测量下子控件 - 到这一步我们就对子控件进行了宽高的设置了咯

view.measure(childWidthMeasureSpec, childHeightMeasureSpec);

///< 然后再次获取测量后的子控件的属性

layoutParams = (CustomViewGroupLastNew.LayoutParams) view.getLayoutParams();

///< 然后获取宽度的最大值、高度的累加

maxWidth = Math.max(maxWidth, view.getMeasuredWidth() + layoutParams.leftMargin + layoutParams.rightMargin);

maxHeight += view.getMeasuredHeight() + layoutParams.topMargin + layoutParams.bottomMargin;

}

}

///< 然后再与容器本身的最小宽高对比，取其最大值 - 有一种情况就是带背景图片的容器，要考虑图片尺寸

maxWidth = Math.max(maxWidth, getMinimumWidth());

maxHeight = Math.max(maxHeight, getMinimumHeight());

///< 然后根据容器的模式进行对应的宽高设置 - 参考我们之前的自定义View的测试方式

int wSpecMode = MeasureSpec.getMode(widthMeasureSpec);

int wSize = MeasureSpec.getSize(widthMeasureSpec);

int hSpecMode = MeasureSpec.getMode(heightMeasureSpec);

int hSize = MeasureSpec.getSize(heightMeasureSpec);

///< wrap_content的模式

if (wSpecMode == MeasureSpec.AT_MOST && hSpecMode == MeasureSpec.AT_MOST) {

setMeasuredDimension(maxWidth, maxHeight);

}

///< 精确尺寸的模式

else if (wSpecMode == MeasureSpec.EXACTLY && hSpecMode == MeasureSpec.EXACTLY) {

setMeasuredDimension(wSize, hSize);

}

///< 宽度尺寸不确定，高度确定

else if (wSpecMode == MeasureSpec.UNSPECIFIED) {

setMeasuredDimension(maxWidth, hSize);

}

///< 宽度确定，高度不确定

else if (hSpecMode == MeasureSpec.UNSPECIFIED) {

setMeasuredDimension(wSize, maxHeight);

}

}

@Override

protected void onLayout(boolean changed, int left, int top, int right, int bottom) {

///< 获取范围初始左上角 - 这个决定子控件绘制的位置，我们绘制理论可以从0,0开始，margin容器本身已经考虑过了...所以别和margin混淆了

int leftPos = getPaddingLeft();

int leftTop = getPaddingTop();

///< 获取范围初始右下角 - 如果考虑控件的位置，比如靠右，靠下等可能就要利用右下角范围来进行范围计算了...

///< 后面我们逐步完善控件的时候用会用到这里...

//int rightPos = right - left - getPaddingRight();

//int rightBottom = bottom - top - getPaddingBottom();

///< 由于我们是垂直布局，并且一律左上角开始绘制的情况下，我们只需要计算出leftPos， leftTop就可以了

int count = getChildCount();

for (int i = 0; i < count; ++i){

View childView = getChildAt(i);

///< 控件占位的情况下进行计算

if (childView.getVisibility() != GONE){

///< 获取子控件的属性 - margin、padding

CustomViewGroupLastNew.LayoutParams layoutParams = (CustomViewGroupLastNew.LayoutParams) childView.getLayoutParams();

int childW = childView.getMeasuredWidth();

int childH = childView.getMeasuredHeight();

///< 先不管控件的margin哈！

int cleft = leftPos + layoutParams.leftMargin;

int cright = cleft + childW;

int ctop = leftTop + layoutParams.topMargin;

int cbottom = ctop + childH;

///< 下一个控件的左上角需要向y轴移动上一个控件的高度 - 不然都重叠了!

leftTop += childH + layoutParams.topMargin + layoutParams.bottomMargin;

///< 需要一个范围，然后进行摆放

childView.layout(cleft, ctop, cright, cbottom);

}

}

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

int count = getChildCount();

for (int i = 0; i < count; ++i) {

///< 获取子控件的宽高

View view = getChildAt(i);

CustomViewGroupLastNew.LayoutParams layoutParams = (CustomViewGroupLastNew.LayoutParams) view.getLayoutParams();

Log.e("test", "layoutParams.height=" + layoutParams.height);

Log.e("test", "layoutParams.width=" + layoutParams.width);

Log.e("test", "view.getHeight()=" + view.getHeight());

Log.e("test", "view.getWidth()=" + view.getWidth());

Log.e("test", "view.getMeasuredHeight()=" + view.getMeasuredHeight());

Log.e("test", "view.getMeasuredWidth()=" + view.getMeasuredWidth());

}

}

@Override

public CustomViewGroupLastNew.LayoutParams generateLayoutParams(AttributeSet attrs) {

return new CustomViewGroupLastNew.LayoutParams(getContext(), attrs);

}

/**

* 这个是布局相关的属性，最终继承的是ViewGroup.LayoutParams，所以上面我们可以直接进行转换

* --目的是获取自定义属性以及一些使用常量的自定义

*/

public static class LayoutParams extends MarginLayoutParams {

public LayoutParams(Context c, AttributeSet attrs) {

super(c, attrs);

// Pull the layout param values from the layout XML during

// inflation. This is not needed if you don't care about

// changing the layout behavior in XML.

TypedArray a = c.obtainStyledAttributes(attrs, R.styleable.CustomLayoutLP);

///< TODO 一些属性的自定义

a.recycle();

}

public LayoutParams(int width, int height) {

super(width, height);

}

public LayoutParams(ViewGroup.LayoutParams source) {

super(source);

}

}

}

当然这个我们是比官方的简化了些，以为你有些属性我们还没有定义，也就是用来完善布局的属性，比如gravity、posion(就是靠左靠右啥的....当然随着控件越来越复杂肯定也需要做更多的处理...) - 里面增加的地方，前面的几点说明的注意看下:

0eb3ff1f74a6

image

0eb3ff1f74a6

image

效果：

0eb3ff1f74a6

image

心灵鸡汤 - 自定义控件是一条蛮长的路滴

黄磊

晒月亮的孩子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android:layout_margin真实含义 及 自己定义复合控件 layout()运行无效的问题解决
weixin_30433075的博客
04-19 926
一、关于layout_margin 搞Android时间也不短了。对layout_margin也不陌生了，可近期遇到一个问题让我发现，对它的认识还不够深入全面。大量网络资料上都说，layout_margin指view距离父view的距离。这个说法不够严谨。正确的说法是，距离view的相对vi...
android padding作用,android:padding和android:layout_margin的区别
weixin_31115971的博客
05-25 2736
简单点来说：android:padding是内边距，控件本身的内容与控件边缘的距离。android:layout_margin是外边距，控件与其他控件之间的距离。下面以具体的例子来进行解释：1、不设置边距android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizo...
Android代码-自定义ViewGroup
08-06
CommentView test project 自定义ViewGroup(高度不同的列表) MIT License Copyright (c) 2017 JiaoZhengXiang Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to
flexbox-layout：适用于Android的Flexbox
02-02
FlexboxLayout FlexboxLayout是一个库项目，将的类似功能引入了Android。 安装 将以下依赖项添加到您的build.gradle文件中： dependencies { implementation 'com.google.android:flexbox:2.0.1' } 请注意，默认值alignItems和alignContent为FlexboxLayout已经从改变stretch到flex_start从2.0.0开始，它可能会破坏现有的应用程序。 请务必集stretch ，如果你想申请的行为明确地stretch 。 请注意，从1.1.0版开始，该库应与AndroidX一起使用。 如果您使用的是1.1.0或更高版本，请迁移到 。 如果您尚未迁移到AndroidX，请使用1.0.0。 用法 有两种在布局中使用Flexbox的方法。 FlexboxLayout 第一个是FlexboxLayout ，它像LinearLayout和RelativeLayout一样扩展了ViewGroup 。 您可以从布局XML指定属性，例如： < com .go
Android Swipe Layout:最强大的滑动布局-开源
05-15
Android Swipe Layout可以轻松集成到ListView，GridView，ViewGroup等任何位置。它可以接收onOpen，onClose，onUpdate回调。 也可以通知隐藏的孩子他们显示了多少。 Android Swipe Layout允许您将滑动与UI组件集成在一起，并且可以彼此嵌套。 Android Swipe Layout的设计方式使其可以处理复杂的情况。 SwipeAdapter是一系列帮助程序类，可节省您的时间。 它可以帮助您保存和恢复SwipeLayout状态。 确保使用内部适配器而不是您自己的适配器！
zxing.java源码解析-Android_Interview:Android_面试
06-06
zxing.java源码解析 知识点总结 数据结构与算法： ; android相关： ; java 基础 ; 面试要求总结： 2.Activity的启动模式以及使用场景 （1）manifest设置，（2）startActivity flag 此处延伸：栈(First In Last Out)与队列(First In First Out)的区别 3.Service的两种启动方式 （1）startService()，（2）bindService() 4.Broadcast注册方式与区别 （1）静态注册(minifest)，（2）动态注册 此处延伸：什么情况下用动态注册 15.JNI 此处延伸：项目中使用JNI的地方，如：核心逻辑，密钥，加密逻辑 16.java虚拟机和Dalvik虚拟机的区别 17.线程sleep和wait有什么区别 18.View，ViewGroup事件分发 19.保存Activity状态 onSaveInstanceState() 7.http与https的区别 此处延伸：https的实现原理 23.自定义view和动画 以下两个讲解都讲得很透彻，这部分面试官多数不会问
Android 自定义ViewGroup 实战篇 -> 实现FlowLayout源码程序
08-04
代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/38352503 有问题请博客留言
Android应用开发（4）视图布局基本属性
zsyf33078的专栏
03-09 2870
本章介绍视图（View）的基本概念及其用法，包括：如何设置视图的宽度和高度，如何设置视图的外部间距和内部间距，如何设置视图的外部对齐方式和内部对齐方式等。
Android中padding与layout_margin的区别与用法
Evankaka的专栏
03-03 1万+
padding，含义为“填充”，像垫肩压类似的填充物，一个控件的padding及此控件内部的填充，由此可见padding是以所被定义的控件A为parent控件，而内部的内容物与控件A的间距。而layout_margin是A控件所在的控件为parent控件，是A与其的间距。
android:layout_margin真实含义 及 自定义复合控件 layout()执行无效的问题解决
热门推荐
yanzi1225627的专栏
06-13 2万+
一、关于layout_margin 搞Android时间也不短了，对layout_margin也不陌生了，可最近遇到一个问题让我发现，对它的认识还不够深入全面。大量网络资料上都说，layout_margin指view距离父view的距离。这个说法不够严谨，正确的说法是，距离view的相对view的距离才更准确。 在Linearlayout下，可以认为是距离父view的距离。但在RelativeLa
【Android Studio程序开发】视图显示 -- 设置视图的间距
qq_64976935的博客
10-06 1853
同样是设置间距，layout_margin指的是当前视图与外部视图（包括上级视图和平级视图）之间的距 离，而padding指的是当前视图与内部视图（包括下级视图和内部文本）之间的距离。中间层的黄色背景布局，同时设置了20dp的layout_margin，以及60dp的padding，其中padding是layout_margin的三倍宽（60/20=3）。这种情况印证了：layout_margin指的是当前图层与外部图层的距离，而padding指的是当前图层与内部图层的距离。接下来做个实验，看看。
Android UI 基础知识（1）——布局
weixin_45966880的博客
04-11 992
UI UI（User Interface）：使用者界面）是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。 Android UI Android UI：Android应用界面包含用户可查看并与之交互的所有内容。Android 提供丰富多样的预置UI组件，例如结构化布局对象和UI控件，您可以利用这些组件为您的应用构建图形界面。Android还提供其他界面模块，用于构建特殊界面，例如对话框、通知和菜单。 #mermaid-svg-NKdYFhG2rrpzgQZD .la
android布局属性之margin
Android移动开发者的专栏
05-21 6112
Margin: android:layout_margin：本元素离上下左右间的距离   android:layout_marginStart：本元素离开始的位置的距离 android:layout_marginEnd：本元素离结束位置的距离   android:layout_marginBottom android:layout_marginTop android:layout_
【Android学习笔记】Android布局属性大全
最新发布
DeepLearning_的博客
06-27 1972
指明了在父控件中当前控件的高，可以设定其确定的值，但一般使用下面两个值*fill_parent，填满父控件的空白*wrap_content，表示大小刚好足够显示当前控件里的内容。指在父控件中当前控件的宽，可以设定其确定的值，但一般使用下面两个值*fill_parent，填满父控件的空白*wrap_content，表示大小刚好足够显示当前控件里的内容。在view的靠左，靠右等位置．以button为例，android:gravity="right"则button上面的文字靠右。属性是用来与某控件的底部对齐。
安卓布局属性总结
qq_47529104的博客
09-11 1604
布局属性 layout_marginLeft="" layout_marginTop="" layout_marginRight="" laryout_marginBottom="" layout_margin="" 该属性针对控件或者布局，如果是布局那么
Android 布局属性
EnHengNa的博客
08-22 1499
Android 布局属性
android自定义View之margin,padding,align
ShareUs的专栏
07-22 3213
> margin,padding,align align，与指定的组件某位置的边缘进行对齐； margin就是指子控件与外部控件的距离，俗称外边距； padding就是指控件内容与控件边界的距离，俗称内边距。 android:layout_marginxxx的用法是指当前组件距离其父组件在xxx方向上的边距 一个LinearLayout中有一个ImageView，设置ImageVie...
Android自定义ViewGroup（ 支持layout_margin属性）
Air723的博客
07-27 246
原文链接：https://blog.csdn.net/ldld1717/article/details/80458917 3. 支持layout_margin属性 如果我们自定义的布局参数类继承自MarginLayoutParams，就自动支持了layout_margin属性了，我们需要做的就是直接在布局文件中使用layout_margin属性，然后再onMeasure和onLayout中使用margin属性值测量和摆放子控件。需要注意的是我们测量子控件的时候应该调用measureChildWithMarg
二、自定义垂直ViewGroup如何设置margin
怪蜀黍
12-19 1030
ViewGroup设置margin累计分为三步: 1.获取margin 2.onMeasure里面加上margin 3.onLayout布局设置margin 获取margin 首先呢，ViewGroup是自带的MarginLayoutParams的，但是在addView时，查看源码: public void addView(View child, int index) { if (child == null) { throw new IllegalArgu.
<androidx.recyclerview.widget.RecyclerView android:id="@+id/inventoryList" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_margin="5dp" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" />可以点击RecyclerView并跳转页面展示RecyclerView内的信息
06-03
您想要实现点击 RecyclerView 后跳转到一个新页面展示 RecyclerView 内的信息，这可以通过以下步骤实现： 1. 为 RecyclerView 中的每个 item 添加一个 onClickListener，监听点击事件。 2. 在 onClickListener 中获取被点击 item 的数据。 3. 将数据传递给新页面，用于展示。 4. 启动新页面，展示数据。 具体实现步骤如下： 1. 在 RecyclerView 的 Adapter 中为 item 添加 onClickListener： ``` public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> { private List<MyData> mDataList; private Context mContext; public MyAdapter(List<MyData> dataList, Context context) { mDataList = dataList; mContext = context; } @Override public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout, parent, false); return new MyViewHolder(view); } @Override public void onBindViewHolder(MyViewHolder holder, int position) { MyData data = mDataList.get(position); holder.bindData(data); holder.itemView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { // item 被点击了 Intent intent = new Intent(mContext, DetailActivity.class); intent.putExtra("data", data); mContext.startActivity(intent); } }); } @Override public int getItemCount() { return mDataList.size(); } static class MyViewHolder extends RecyclerView.ViewHolder { private TextView mTextView; public MyViewHolder(View itemView) { super(itemView); mTextView = itemView.findViewById(R.id.text_view); } public void bindData(MyData data) { mTextView.setText(data.getText()); } } } ``` 2. 在新页面中获取传递的数据，并展示： ``` public class DetailActivity extends AppCompatActivity { private TextView mTextView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_detail); mTextView = findViewById(R.id.text_view); MyData data = getIntent().getParcelableExtra("data"); mTextView.setText(data.getText()); } } ``` 需要注意的是，MyData 类需要实现 Parcelable 接口，以便可以将数据传递给新页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值