_V - Layout：淘宝、天猫都在用的Android UI框架 完全解析

于 2024-04-10 00:27:29 发布
阅读量921 收藏 18
点赞数 27
分类专栏： 2024年程序员学习 文章标签： android ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84102759/article/details/137573552
版权

步骤2：设置回收复用池大小

如果一屏内相同类型的 View 个数比较多，需要设置一个合适的大小，防止来回滚动时重新创建 View）

// 设置组件复用回收池
RecyclerView.RecycledViewPool viewPool = new RecyclerView.RecycledViewPool();
recyclerView.setRecycledViewPool(viewPool);
viewPool.setMaxRecycledViews(0, 10);

步骤3：设置Adapter

设置 V - Layout的Adapter有两种方式:

  • 方式1：继承 自 DelegateAdapter
  • 方式2：继承 自 VirtualLayoutAdapter 下面会进行详细说明：

方式1：继承 自 DelegateAdapter

  • 定义：DelegateAdapter是V - Layout专门为管理 LayoutHelper定制的 Adapter

继承自VirtualLayoutAdapter

  • 作用：通过管理不同布局的Adapter，继而管理不同的 LayoutHelper，从而实现使用不同组合布局
  1. 特别注意：虽不可直接绑定LayoutHelper，但是它内部有一个继承自RecyclerView.Adapter的内部类Adapter可以绑定LayoutHelper；
  2. 即通过一个List把绑定好的Adapter打包起来，再放去DelegateAdapter，这样就可以实现组合使用不同的布局
  • 具体做法：
  1. 写法与复写系统自带的Adapter非常类似：只比系统自带的RecyclerAdapter需要多重载onCreateLayoutHelper方法，其余类似
  2. 关于Android系统自带的RecyclerAdapter的使用具体请看我写的文章Android开发：ListView、AdapterView、RecyclerView全面解析

public class MyAdapter extends DelegateAdapter.Adapter<MyAdapter.MainViewHolder> {

// 比系统自带的RecyclerAdapter需要多重载onCreateLayoutHelper（）

@Override
public LayoutHelper onCreateLayoutHelper() {
return layoutHelper;
}

… // 其余写法与复写系统自带的Adapter相同
}

方式2：继承 自 VirtualLayoutAdapter

  • 定义：当需要实现复杂需求时， 可以通过继承VirtualLayoutAdapter从而实现自定义Adapter

  • 具体使用

public class MyAdapter extends VirtualLayoutAdapter {
…// 自定义Adapter逻辑
}

步骤4：根据数据列表，创建对应的LayoutHelper

  • 系统以封装好以下布局类型（对应同名的LayoutHelper）

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用如下：
1. 线性布局（LinearLayoutHelper）
  • 布局说明：布局子元素（Item）以线性排布的布局

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

/**
设置线性布局
*/
LinearLayoutHelper linearLayoutHelper = new LinearLayoutHelper();
// 创建对应的LayoutHelper对象

// 所有布局的公共属性（属性会在下面详细说明）
linearLayoutHelper.setItemCount(4);// 设置布局里Item个数
linearLayoutHelper.setPadding(10,10,10,10);// 设置LayoutHelper的子元素相对LayoutHelper边缘的距离
linearLayoutHelper.setMargin(10,10,10,10);// 设置LayoutHelper边缘相对父控件（即RecyclerView）的距离
linearLayoutHelper.setBgColor(Color.GRAY);// 设置背景颜色
linearLayoutHelper.setAspectRatio(6);// 设置设置布局内每行布局的宽与高的比

// linearLayoutHelper特有属性
linearLayoutHelper.setDividerHeight(1); // 设置每行Item的距离

1. 所有布局的共有属性说明：

a. setItemCount属性

  • 作用：设置整个布局里的Item数量

如设置的Item总数如与Adapter的getItemCount()方法返回的数量不同，会取决于后者

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

// 接口示意
public void setItemCount(int Count)

// 具体使用
linearLayoutHelper.setItemCount(4);

b. Adding & Margin属性

  • 定义：都是边距的含义，但二者边距的定义不同：
  1. Padding：是 LayoutHelper 的子元素相对 LayoutHelper 边缘的距离；
  2. Margin：是 LayoutHelper 边缘相对父控件（即RecyclerView）的距离。具体如下图：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

// 接口示意
public void setPadding(int leftPadding, int topPadding, int rightPadding, int bottomPadding)
public void setMargin(int leftMargin, int topMargin, int rightMargin, int bottomMargin)

// 具体使用
linearLayoutHelper.setPadding(10,10,10,10);
// 设置LayoutHelper的子元素相对LayoutHelper边缘的距离

linearLayoutHelper.setMargin(10,10,10,10);
// 设置LayoutHelper边缘相对父控件（即RecyclerView）的距离

c. bgColor属性

  • 作用：设置布局背景颜色
  • 具体使用：

// 接口示意
public void setBgColor(int bgColor)

// 具体使用
linearLayoutHelper.setBgColor(Color.YELLOW);

d. aspectRatio属性

  • 作用：设置布局内每行布局的宽与高的比。如下图

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

// 接口示意
public void setAspectRatio(float aspectRatio);
// LayoutHelper定义的aspectRatio

((VirutalLayoutManager.LayoutParams) layoutParams).mAspectRatio
// 视图的LayoutParams定义的aspectRatio
// 在LayoutHelper计算出视图宽度之后，用来确定视图高度时使用的，它会覆盖通过LayoutHelper的aspectRatio计算出来的视图高度，因此具备更高优先级。

// 具体使用
linearLayoutHelper.setAspectRatio(6);

2. LinearLayoutHelper布局的特有属性说明

a. dividerHeight属性

  • 作用：设置每行Item之间的距离

设置的间隔会与RecyclerView的addItemDecoration（）添加的间隔叠加

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

// 接口示意
public void setDividerHeight(int dividerHeight)

// 具体使用
linearLayoutHelper.setDividerHeight(1);

2. 网格布局（GridLayout）

  • 布局说明：布局里的Item以网格的形式进行排列

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

/**
设置Grid布局
*/
GridLayoutHelper gridLayoutHelper = new GridLayoutHelper(3);
// 在构造函数设置每行的网格个数

// 公共属性
gridLayoutHelper.setItemCount(6);// 设置布局里Item个数
gridLayoutHelper.setPadding(20, 20, 20, 20);// 设置LayoutHelper的子元素相对LayoutHelper边缘的距离
gridLayoutHelper.setMargin(20, 20, 20, 20);// 设置LayoutHelper边缘相对父控件（即RecyclerView）的距离
gridLayoutHelper.setBgColor(Color.GRAY);// 设置背景颜色
gridLayoutHelper.setAspectRatio(6);// 设置设置布局内每行布局的宽与高的比

// gridLayoutHelper特有属性（下面会详细说明）
gridLayoutHelper.setWeights(new float[]{40, 30, 30});//设置每行中 每个网格宽度 占 每行总宽度 的比例
gridLayoutHelper.setVGap(20);// 控制子元素之间的垂直间距
gridLayoutHelper.setHGap(20);// 控制子元素之间的水平间距
gridLayoutHelper.setAutoExpand(false);//是否自动填充空白区域
gridLayoutHelper.setSpanCount(3);// 设置每行多少个网格
// 通过自定义SpanSizeLookup来控制某个Item的占网格个数
gridLayoutHelper.setSpanSizeLookup(new GridLayoutHelper.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
if (position > 7 ) {
return 3;
// 第7个位置后,每个Item占3个网格
}else {
return 2;
// 第7个位置前,每个Item占2个网格
}
}
});

GridLayoutHelper布局的特有属性说明

a. weights属性

  • 作用：设置每行中每个网格宽度占每行总宽度的比例
  1. 默认情况下，每行中每个网格中的宽度相等
  2. weights属性是一个float数组，每一项代表当个网格占每行总宽度的百分比；总和是100，否则布局会超出容器宽度；
  3. 如果布局中有4列，那么weights的长度也应该是4；长度大于4，多出的部分不参与宽度计算；如果小于4，不足的部分默认平分剩余的空间。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

// 接口示意
public void setWeights(float[] weights)

// 具体使用
gridLayoutHelper.setWeights(new float[]{40, 30, 30});

b. vGap、hGap属性

  • 作用：分别控制子元素之间的垂直间距 和 水平间距。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

// 接口示意
public void setHGap(int hGap)
public void setVGap(int vGap)

// 具体使用
gridLayoutHelper.setVGap(20);// 控制子元素之间的垂直间距
gridLayoutHelper.setHGap(20);// 控制子元素之间的水平间距

c. spanCount、spanSizeLookup属性

  • 作用：
  1. spanCount：设置每行多少个网格
  2. spanSizeLookup：设置每个 Item占用多少个网格（默认= 1）

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

// 接口示意
public void setSpanCount(int spanCount)
public void setSpanSizeLookup(SpanSizeLookup spanSizeLookup)

// 具体使用
gridLayoutHelper.setSpanCount(5);// 设置每行多少个网格

// 通过自定义SpanSizeLookup来控制某个Item的占网格个数
gridLayoutHelper.setSpanSizeLookup(new GridLayoutHelper.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
if (position > 7 ) {
return 3;
// 第7个位置后,每个Item占3个网格
}else {
return 2;
// 第7个位置前,每个Item占2个网格
}
}
});

d. autoExpand属性

  • 作用：当一行里item的个数 < （每行网格列数 - spanCount值/ 每个Item占有2个网格-setSpanSizeLookup ）时，是否自动填满空白区域
  1. 若autoExpand=true，那么视图的总宽度会填满可用区域；
  2. 否则会在屏幕上留空白区域。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

// 接口示意
public void setAutoExpand(boolean isAutoExpand)

// 具体使用
gridLayoutHelper.setAutoExpand(false);

3. 固定布局（FixLayoutHelper）

  • 布局说明：布局里的Item 固定位置

固定在屏幕某个位置，且不可拖拽 & 不随页面滚动而滚动。如下图：（左上角）

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

/**
设置固定布局
*/

FixLayoutHelper fixLayoutHelper = new FixLayoutHelper(FixLayoutHelper.TOP_LEFT,40,100);
// 参数说明:
// 参数1:设置吸边时的基准位置(alignType) - 有四个取值:TOP_LEFT(默认), TOP_RIGHT, BOTTOM_LEFT, BOTTOM_RIGHT
// 参数2:基准位置的偏移量x
// 参数3:基准位置的偏移量y

// 公共属性
fixLayoutHelper.setItemCount(1);// 设置布局里Item个数
// 从设置Item数目的源码可以看出，一个FixLayoutHelper只能设置一个
// @Override
// public void setItemCount(int itemCount) {
// if (itemCount > 0) {
// super.setItemCount(1);
// } else {
// super.setItemCount(0);
// }
// }
fixLayoutHelper.setPadding(20, 20, 20, 20);// 设置LayoutHelper的子元素相对LayoutHelper边缘的距离
fixLayoutHelper.setMargin(20, 20, 20, 20);// 设置LayoutHelper边缘相对父控件（即RecyclerView）的距离
fixLayoutHelper.setBgColor(Color.GRAY);// 设置背景颜色
fixLayoutHelper.setAspectRatio(6);// 设置设置布局内每行布局的宽与高的比

// fixLayoutHelper特有属性
fixLayoutHelper.setAlignType(FixLayoutHelper.TOP_LEFT);// 设置吸边时的基准位置(alignType)
fixLayoutHelper.setX(30);// 设置基准位置的横向偏移量X
fixLayoutHelper.setY(50);// 设置基准位置的纵向偏移量Y

FixLayoutHelper特有属性说明

a. AlignType、x、y属性

  • 作用：
  1. alignType：吸边基准类型

共有4个取值：TOP_LEFT(默认), TOP_RIGHT, BOTTOM_LEFT, BOTTOM_RIGHT，具体请看下面示意图

  1. x：基准位置的横向偏移量
  2. y：基准位置的纵向偏移量

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 作用对象：FixLayoutHelper, ScrollFixLayoutHelper, FloatLayoutHelper的属性

// 接口示意
public void setAlignType(int alignType)
public void setX(int x)
public void setY(int y)

// 具体使用
fixLayoutHelper.setAlignType(FixLayoutHelper.TOP_LEFT);
fixLayoutHelper.setX(30);
fixLayoutHelper.setY(50);

4. 可选显示的固定布局（ScrollFixLayoutHelper）

  • 布局说明：布局里的Item 固定位置
  1. 固定在屏幕某个位置，且不可拖拽 & 不随页面滚动而滚动（继承自固定布局（FixLayoutHelper））
  2. 唯一不同的是，可以自由设置该Item什么时候显示（到顶部显示 / 到底部显示），可如下图：（左上角）
  3. 需求场景：到页面底部显示”一键到顶部“的按钮功能

以下示意图为：滑动到底部，布局才在左上角显示

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

/**
设置可选固定布局
*/

ScrollFixLayoutHelper scrollFixLayoutHelper = new ScrollFixLayoutHelper(ScrollFixLayoutHelper.TOP_RIGHT,0,0);
// 参数说明:
// 参数1:设置吸边时的基准位置(alignType) - 有四个取值:TOP_LEFT(默认), TOP_RIGHT, BOTTOM_LEFT, BOTTOM_RIGHT
// 参数2:基准位置的偏移量x
// 参数3:基准位置的偏移量y

// 公共属性
scrollFixLayoutHelper.setItemCount(1);// 设置布局里Item个数
// 从设置Item数目的源码可以看出，一个FixLayoutHelper只能设置一个
// @Override
// public void setItemCount(int itemCount) {
// if (itemCount > 0) {
// super.setItemCount(1);
// } else {
// super.setItemCount(0);
// }
// }
scrollFixLayoutHelper.setPadding(20, 20, 20, 20);// 设置LayoutHelper的子元素相对LayoutHelper边缘的距离
scrollFixLayoutHelper.setMargin(20, 20, 20, 20);// 设置LayoutHelper边缘相对父控件（即RecyclerView）的距离
scrollFixLayoutHelper.setBgColor(Color.GRAY);// 设置背景颜色
scrollFixLayoutHelper.setAspectRatio(6);// 设置设置布局内每行布局的宽与高的比

// fixLayoutHelper特有属性
scrollFixLayoutHelper.setAlignType(FixLayoutHelper.TOP_LEFT);// 设置吸边时的基准位置(alignType)
scrollFixLayoutHelper.setX(30);// 设置基准位置的横向偏移量X
scrollFixLayoutHelper.setY(50);// 设置基准位置的纵向偏移量Y
scrollFixLayoutHelper.setShowType(ScrollFixLayoutHelper.SHOW_ON_ENTER);// 设置Item的显示模式

ScrollFixLayoutHelper特有属性说明

a. AlignType、x、y属性

  • 作用：
  1. alignType：吸边基准类型

共有4个取值：TOP_LEFT(默认), TOP_RIGHT, BOTTOM_LEFT, BOTTOM_RIGHT，具体请看下面示意图

  1. x：基准位置的横向偏移量
  2. y：基准位置的纵向偏移量

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

// 接口示意
public void setAlignType(int alignType)
public void setX(int x)
public void setY(int y)

// 具体使用
ScrollFixLayoutHelper.setAlignType(FixLayoutHelper.TOP_LEFT);
ScrollFixLayoutHelper.setX(30);
ScrollFixLayoutHelper.setY(50);

b. ShowType属性

  • 作用：设置Item的显示模式

共有三种显示模式

  1. SHOW_ALWAYS：永远显示(即效果同固定布局)
  2. SHOW_ON_ENTER：默认不显示视图，当页面滚动到该视图位置时才显示；
  3. SHOW_ON_LEAVE：默认不显示视图，当页面滚出该视图位置时才显示
  • 具体使用

// 接口示意
public void setShowType(int showType)

// 具体使用
scrollFixLayoutHelper.setShowType(ScrollFixLayoutHelper.SHOW_ON_ENTER);

5. 浮动布局（FloatLayoutHelper）

  • 布局说明：布局里的Item只有一个
  1. 可随意拖动，但最终会被吸边到两侧
  2. 不随页面滚动而移动

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

/**
设置浮动布局
*/
FloatLayoutHelper floatLayoutHelper = new FloatLayoutHelper();
// 创建FloatLayoutHelper对象

// 公共属性
floatLayoutHelper.setItemCount(1);// 设置布局里Item个数
// 从设置Item数目的源码可以看出，一个FixLayoutHelper只能设置一个
// @Override
// public void setItemCount(int itemCount) {
// if (itemCount > 0) {
// super.setItemCount(1);
// } else {
// super.setItemCount(0);
// }
// }
floatLayoutHelper.setPadding(20, 20, 20, 20);// 设置LayoutHelper的子元素相对LayoutHelper边缘的距离
floatLayoutHelper.setMargin(20, 20, 20, 20);// 设置LayoutHelper边缘相对父控件（即RecyclerView）的距离
floatLayoutHelper.setBgColor(Color.GRAY);// 设置背景颜色
floatLayoutHelper.setAspectRatio(6);// 设置设置布局内每行布局的宽与高的比

// floatLayoutHelper特有属性
floatLayoutHelper.setDefaultLocation(300,300);// 设置布局里Item的初始位置

6. 栏格布局（ColumnLayoutHelper）

  • 布局说明：该布局只设有一栏（该栏设置多个Item）

可理解为只有一行的线性布局

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

/**
设置栏格布局
*/
ColumnLayoutHelper columnLayoutHelper = new ColumnLayoutHelper();
// 创建对象

// 公共属性
columnLayoutHelper.setItemCount(3);// 设置布局里Item个数
columnLayoutHelper.setPadding(20, 20, 20, 20);// 设置LayoutHelper的子元素相对LayoutHelper边缘的距离
columnLayoutHelper.setMargin(20, 20, 20, 20);// 设置LayoutHelper边缘相对父控件（即RecyclerView）的距离
columnLayoutHelper.setBgColor(Color.GRAY);// 设置背景颜色
columnLayoutHelper.setAspectRatio(6);// 设置设置布局内每行布局的宽与高的比

// columnLayoutHelper特有属性
columnLayoutHelper.setWeights(new float[]{30, 40, 30});// 设置该行每个Item占该行总宽度的比例
// 同上面Weigths属性讲解

7. 通栏布局（SingleLayoutHelper）

  • 布局说明：布局只有一栏，该栏只有一个Item

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

/**
设置通栏布局
*/

SingleLayoutHelper singleLayoutHelper = new SingleLayoutHelper();

// 公共属性
singleLayoutHelper.setItemCount(3);// 设置布局里Item个数
singleLayoutHelper.setPadding(20, 20, 20, 20);// 设置LayoutHelper的子元素相对LayoutHelper边缘的距离
singleLayoutHelper.setMargin(20, 20, 20, 20);// 设置LayoutHelper边缘相对父控件（即RecyclerView）的距离
singleLayoutHelper.setBgColor(Color.GRAY);// 设置背景颜色
singleLayoutHelper.setAspectRatio(6);// 设置设置布局内每行布局的宽与高的比

8. 一拖N布局 （OnePlusNLayoutHelper）

  • 布局说明：将布局分为不同比例，最多是1拖4。具体如下图

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

/**
设置1拖N布局
*/
OnePlusNLayoutHelper onePlusNLayoutHelper = new OnePlusNLayoutHelper(5);
// 在构造函数里传入显示的Item数
// 最多是1拖4,即5个

// 公共属性
onePlusNLayoutHelper.setItemCount(3);// 设置布局里Item个数
onePlusNLayoutHelper.setPadding(20, 20, 20, 20);// 设置LayoutHelper的子元素相对LayoutHelper边缘的距离
onePlusNLayoutHelper.setMargin(20, 20, 20, 20);// 设置LayoutHelper边缘相对父控件（即RecyclerView）的距离
onePlusNLayoutHelper.setBgColor(Color.GRAY);// 设置背景颜色
onePlusNLayoutHelper.setAspectRatio(3);// 设置设置布局内每行布局的宽与高的比

9. 吸边布局（StickyLayoutHelper）

  • 布局说明：布局只有一个Item，显示逻辑如下：
  1. 当它包含的组件处于屏幕可见范围内时，像正常的组件一样随页面滚动而滚动
  2. 当组件将要被滑出屏幕返回的时候，可以吸到屏幕的顶部或者底部，实现一种吸住的效果
  • 示意图（吸在顶部）

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

/**
设置吸边布局
*/
StickyLayoutHelper stickyLayoutHelper = new StickyLayoutHelper();

// 公共属性
stickyLayoutHelper.setItemCount(3);// 设置布局里Item个数
stickyLayoutHelper.setPadding(20, 20, 20, 20);// 设置LayoutHelper的子元素相对LayoutHelper边缘的距离
stickyLayoutHelper.setMargin(20, 20, 20, 20);// 设置LayoutHelper边缘相对父控件（即RecyclerView）的距离
stickyLayoutHelper.setBgColor(Color.GRAY);// 设置背景颜色
stickyLayoutHelper.setAspectRatio(3);// 设置设置布局内每行布局的宽与高的比

// 特有属性
stickyLayoutHelper.setStickyStart(true);
// true = 组件吸在顶部
// false = 组件吸在底部

stickyLayoutHelper.setOffset(100);// 设置吸边位置的偏移量

Adapter_StickyLayout = new MyAdapter(this, stickyLayoutHelper,1, listItem) {
// 设置需要展示的数据总数,此处设置是1
// 为了展示效果,通过重写onBindViewHolder()将布局的第一个数据设置为Stick
@Override
public void onBindViewHolder(MainViewHolder holder, int position) {
super.onBindViewHolder(holder, position);
if (position == 0) {
holder.Text.setText(“Stick”);
}
}
};

adapters.add(Adapter_StickyLayout) ;
// 将当前的Adapter加入到Adapter列表里

stickyStart、 offset属性说明

  • 作用：
  1. stickyStart：设置吸边位置

当视图的位置在屏幕范围内时，视图会随页面滚动而滚动；当视图的位置滑出屏幕时，StickyLayoutHelper会将视图固定在顶部（stickyStart = true）或 底部（stickyStart = false）

  1. offset：设置吸边的偏移量
  • 具体使用

// 接口示意
public void setStickyStart(boolean stickyStart)
public void setOffset(int offset)

// 具体使用
stickyLayoutHelper.setStickyStart(true);
// true = 组件吸在顶部
// false = 组件吸在底部
stickyLayoutHelper.setOffset(100);// 设置吸边位置的偏移量

10. 瀑布流布局（StaggeredGridLayoutHelper）

  • 布局说明：以网格的形式进行布局。与网格布局类似，区别在于：
  • 网格布局每栏的Item高度是相等的；
  • 瀑布流布局每栏的Item高度是可以不相等的。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 具体使用

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
img
img
img
img
img
img
img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）
img

尾声

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

最后想要拿高薪实现技术提升薪水得到质的飞跃。最快捷的方式，就是有人可以带着你一起分析，这样学习起来最为高效，所以为了大家能够顺利进阶中高级、架构师，我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。

  • 思维脑图
  • 性能优化学习笔记


  • 性能优化视频

    当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
img
对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

最后想要拿高薪实现技术提升薪水得到质的飞跃。最快捷的方式，就是有人可以带着你一起分析，这样学习起来最为高效，所以为了大家能够顺利进阶中高级、架构师，我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。

  • 思维脑图
    [外链图片转存中…(img-12wxKOwX-1712680034692)]
  • 性能优化学习笔记
    [外链图片转存中…(img-gM8t7PvY-1712680034692)]
    [外链图片转存中…(img-6SMI2pna-1712680034693)]

[外链图片转存中…(img-o3MHJwsg-1712680034693)]
[外链图片转存中…(img-YZ4i56R3-1712680034693)]

  • 性能优化视频
    [外链图片转存中…(img-El35ZTq7-1712680034694)]
    当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-PrmxBA7z-1712680034694)]

2401_84102759
关注
  • 27
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Layout框架
06-03
Layout框架，根据html文件，来生成aspx页面。
EasyUi(搭建框架和layout布局)
uuuu_lllll的博客
04-05 1136
抛出疑问EasyUi是什么?? 简单来说EasyUi就是基于jquery的页面组件集合，里面提供了丰富的组件的集合。使用它的web开发者会更加轻松的打造出美观的UI页面。 怎么下载它？？ 下载的话呢可以直接去官网下载对应的EasyUi版本。点击下载 下载完之后解压就会得到这个文件夹（我下的是1.5.5.2版本） 搭建框架 在web项目里导入所需的css样式和js文件(我使用eclipse为例) 然后我们就需要在页面中...
从零开始搭建Layout框架 --- vue3 + webpack + element-plus
最新发布
csdnxxxjjjqqq的博客
01-22 875
在根目录下创建.env.development .env.production连个文件分别用来保存开发环境和测试环境的环境变量。创建 router/index.js router/systemRouter.js文件。创建store/modules/user.js 模块 存储用户信息等内容。在src下创建 utils/request.js文件。创建 api/***.js 用于存储接口数据。创建 store/index.js文件。在store/index.js中引入。在vue.config.js中写入。
从0开始搭建后台管理系统-02（Layout布局）（下篇）
grx1125的博客
08-19 345
书接上一回，我们说完了header部分的内容，如果没有看过的可以在其他文章中跳转。本篇介绍sideBar中的内容。
EasyUI介绍及搭建框架和layout布局
m0_62839141的博客
04-05 1282
一，EasyUI是什么？ EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单html标签。 外文名：jQueryEasyUI 定义：基于jQuery的UI插件集合体 应用对象：web开发者 二，框架的搭建 2.1首先去管网下载http://www.jeasui.net/http://..
v-grid-layout：网格布局
02-15
v-grid-layout⺲ v-grid-layout是Vue的网格布局系统，例如 。 这是的裸分支，它支持将GridItem嵌套在任何其他组件中 [| | ] 特征 可拖动的小部件 可调整大小的小部件 静态小部件 边界检查以进行拖动和调整大小 ...
ant-design-pro-layout：:night_with_stars:强大且易于使用的精美布局
02-05
English |蚂蚁设计专业版图 适用于企业应用程序的即用型UI解决方案，作为React样板。 该存储库是Ant Design Pro的布局，其开发目的是为了快速，轻松地使用布局。用法npm i @ant-design/pro-layout --save// oryarn ...
sequence-layout:Android的垂直序列UI组件
04-06
Android的垂直序列UI组件。 对序列中第一个活动步骤的进度条进行动画处理，然后在该步骤上定期运行脉冲动画。 设置 将JitPack maven存储库添加到您的根build.gradle ： allprojects { repositories { maven { ...
e_7_2-Layout-Example.rar_android_layout布局
09-20
android 模拟器中基本layout编程，包括多种布局的设置
Parallax-Layer-Layout:分层视差效果到任何Android视图
04-12
视差层布局 可让您基于设备旋转等功能将分层的视差效果添加到Android视图或图像中。 我们在使用它 处理错误和空状态。... View android : id = " @+id/layer_3 " android : layout_width = " 180dp "
Layout控件（线性布局，框架布局，表格布局，相对布局，约束布局）
11-21
代码包含线性布局，框架布局，表格布局，相对布局，约束布局的基础使用。
前端框架搭建（九）搭建页面布局框架【vite】
qq_22841387的博客
01-02 2029
1.创建目录 2.处理GlobalHeaderH3创建HeaderMenu-头部菜单 头部菜单 创建GlobalHeader 3.全局布局组件 测试
EasyUI(搭建框架&layout布局)
weixin_56996467的博客
04-05 2202
目录 一、介绍 二、需要的工具 三、搭建框架 四、layout布局 五、总结 一、介绍 easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。 easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。 使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。 easyui是个完美支持HTML5网页的完整框架。 easyui节省您网页开发的时间和规模。 easyui很简单但功能强大的
自定义Layout的基本框架
chjmars的专栏
06-29 125
  public class SimpleMenuView extends RelativeLayout implements OnClickListener { private Context mContext; public SimpleMenuView(Context context) { super(context); mContext = context; ...
Android开源库V - Layout：淘宝、天猫都在用的UI框架，赶紧用起来吧！
热门推荐
Carson带你学Android
05-02 4万+
前言 V- Layout 是阿里出品的基础 UI 框架，用于快速实现页面的复杂布局，在手机天猫 Android版 内广泛使用让人激动的是，在上个月V- Layout终于在Github上开源！ Github - alibaba - vlayout 在五一假期我对V- Layout进行了详细分析，我将献上一份 V- Layout的使用攻略 & 源码分析，希望你们会喜欢。 目录1. 为什
View框架之layout()流程
zhou12314的专栏
11-02 494
在上一篇我们分析了view的measure()流程，当我们把view测量出来以后，接着就要算出这个view的在这个屏幕的具体位置，所以这一篇我们接着分析layout()流程，废话不多说，还是先来一张流程图，下面会根据这个流程图进行讲解-注意：RootView是一个FrameLayout,所以也是一个ViewGroup － －　　layout()过程和measure(）过程一样，起点都是在View
LayUI框架
来一杯Java咖啡
10-25 2万+
一、引言 1.1 介绍 LayUI 是一款经典模块化前端 UI 框架，我们只需要定义简单的HTML、CSS、JS即可实现很复杂的前端效果。 使得前端页面的制作变得更加简单，可以说是为后端人员量身定制的一款开源框架。 可是很遗憾的是，贤心大神因为各种因素吧，从官网迁走了 不过layui中的些许知识对我们而言还是挺好用的， 我们也可以通过镜像网站 Layui - 经典开源模块化前端 UI 框架layui 是一套开源的 Web UI 解决方案，其内部采用的是自身经典的模块化规范，并遵...
<RelativeLayout android:id="@+id/poi_list_container" android:layout_width="360dp" android:layout_height="wrap_content" android:background="@drawable/bg_list_circular" android:visibility="gone"> <ListView android:id="@+id/poi_list" android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="none" /> </RelativeLayout> <!-- <RelativeLayout--> <!-- android:layout_width="0dp"--> <!-- android:layout_height="match_parent"--> <!-- android:layout_weight="3">--> <com.baidu.mapapi.map.MapView android:id="@+id/bmapView" android:layout_width="match_parent" android:layout_height="match_parent" android:clickable="true" android:focusable="true" android:hardwareAccelerated="true" /> 帮我把这个listview写在mapview的上面
06-13
可以使用 FrameLayout 来实现将 ListView 放在 MapView 上方。代码如下： ``` android:layout_width="match_parent" android:layout_height="match_parent"> android:id="@+id/bmapView" android:layout_...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值