Android 中使用代码动态网格布局

最新推荐文章于 2024-08-15 11:11:08 发布

2401_83539973

最新推荐文章于 2024-08-15 11:11:08 发布

阅读量414

点赞数 4

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2401_83539973/article/details/137534363

版权

程序员专栏收录该内容

62 篇文章 0 订阅

订阅专栏

本文详细介绍了在Android开发中如何通过XML布局文件创建固定大小的子条目，并用Java代码实现动态添加布局，包括使用StateListDrawable管理图片切换效果。作者还分享了如何利用数组数据动态填充带有图片和文字的LinearLayout。

摘要由CSDN通过智能技术生成

三、子条目xml布局文件

============

<FrameLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“84dp”

android:layout_weight=“1.0”

android:clickable=“true” >

<ImageView

android:id=“@+id/image_icon”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal”

android:layout_marginTop=“16dp”

android:duplicateParentState=“true”

android:src=“@drawable/ic_department_01_normal” />

<TextView

android:id=“@+id/text_title”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_horizontal|bottom”

android:background=“@null”

android:layout_marginBottom=“6dp”

android:gravity=“center”

android:duplicateParentState=“true”

android:textColor=“@drawable/text_service_color”

android:textSize=“14dp” />

如图：

四、java代码动态布局

============

/**

@author gao_chun

public class MainActivity extends Activity implements OnClickListener{

private ViewGroup mMoreLayout; //父布局容器(动态加载的资源图片和文字等布局都将添加在其里面)

/* (non-Javadoc)

@see app.ui.TitleActivity#onCreate(android.os.Bundle)

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

initUI(); //保证启动方法的唯一性

}

private void initUI() {

setContentView(R.layout.activity_main);

//找到该容器（这里的控件为LinearLayout，转换为ViewGroup是因为ViewGroup是容器的基类）

mMoreLayout = (ViewGroup) findViewById(R.id.layout_more);

//由于文字也是动态生成，使用android中array文件定义资源文件，并取出

final String[] categories = getResources().getStringArray(R.array.categories);

final int size = categories.length; //String[]的长度

final int rowCount = size / 3; //需要布局的行数(每行三个)

/**

动态添加布局方法封装
参数 1.父容器 2.资源文字数组 3.从第几个开始 4.行数

fillViews(mMoreLayout, categories, 0, rowCount);

}

private void fillViews(ViewGroup layout, String[] categories, int start, int end) {

// 表格第一条线

View.inflate(this, R.layout.layout_line_horizonal, layout);

for (int i = start; i < end; i++) {

//找到索引，便于根据索引添加图片文件和文字

final int firstIndex = i * 3;

final int secondIndex = i * 3 + 1;

final int thirdIndex = i * 3 + 2;

final String firstCategory = categories[firstIndex];

final String secondCategory = categories[secondIndex];

final String thirdCategory = categories[thirdIndex];

//这里控制的是加载本地图片，通过应用包命找到有规则命名的图片资源文件

//—>因为这里有两种效果，一是默认的图片，二是按下触发后的图片和文字

final int firstDrawableNormal = getResources().getIdentifier(String.format(“ic_department_%02d_normal”,

firstIndex + 1),“drawable”,getApplicationContext().getPackageName());

final int secondDrawableNormal = getResources().getIdentifier(String.format(“ic_department_%02d_normal”,

secondIndex + 1),“drawable”,getApplicationContext().getPackageName());

final int thirdDrawableNormal = getResources().getIdentifier(String.format(“ic_department_%02d_normal”,

thirdIndex + 1),“drawable”,getApplicationContext().getPackageName());

final int firstDrawablePressed = getResources().getIdentifier(String.format(“ic_department_%02d_pressed”,

firstIndex + 1),“drawable”,getApplicationContext().getPackageName());

final int secondDrawablePressed = getResources().getIdentifier(String.format(“ic_department_%02d_pressed”,

secondIndex + 1),“drawable”,getApplicationContext().getPackageName());

final int thirdDrawablePressed = getResources().getIdentifier(String.format(“ic_department_%02d_pressed”,

thirdIndex + 1),“drawable”,getApplicationContext().getPackageName());

//这里是将上面找到的默认图片和按下时的图片放入到 StateListDrawable缓存中

final StateListDrawable firstDrawable = new StateListDrawable();

firstDrawable.addState(new int[]{android.R.attr.state_pressed}, getResources().getDrawable(firstDrawablePressed));

firstDrawable.addState(new int[]{}, getResources().getDrawable(firstDrawableNormal));

final StateListDrawable secondDrawable = new StateListDrawable();

secondDrawable.addState(new int[]{android.R.attr.state_pressed}, getResources().getDrawable(secondDrawablePressed));

secondDrawable.addState(new int[]{}, getResources().getDrawable(secondDrawableNormal));

final StateListDrawable thirdDrawable = new StateListDrawable();

thirdDrawable.addState(new int[]{android.R.attr.state_pressed}, getResources().getDrawable(thirdDrawablePressed));

thirdDrawable.addState(new int[]{}, getResources().getDrawable(thirdDrawableNormal));

// 父布局

final LinearLayout linearLayout = new LinearLayout(this);

// 第一个子布局

View.inflate(this, R.layout.layout_line_vertical, linearLayout);

View.inflate(this, R.layout.layout_department, linearLayout);

View.inflate(this, R.layout.layout_line_vertical, linearLayout);

// 第二个子布局

View.inflate(this, R.layout.layout_department, linearLayout);

View.inflate(this, R.layout.layout_line_vertical, linearLayout);

// 第三个子布局

View.inflate(this, R.layout.layout_department, linearLayout);

View.inflate(this, R.layout.layout_line_vertical, linearLayout);

LayoutParams layoutParams = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.WRAP_CONTENT);

layout.addView(linearLayout, layoutParams);

// 表格最后一条线

View.inflate(this, R.layout.layout_line_horizonal, layout);

//根据索引getChildAt到指定的位置

final View firstView = linearLayout.getChildAt(1);

firstView.setTag(firstCategory); //设置tag，便于在后面判断点击的哪一个

firstView.setOnClickListener(this); //设置点击

final TextView firstTextView = (TextView) firstView.findViewById(R.id.text_title);

firstTextView.setText(firstCategory); //设置文字

final ImageView firstImageView = (ImageView) firstView.findViewById(R.id.image_icon);

firstImageView.setImageDrawable(firstDrawable); //将之前缓存的图片设置出来

final View secondView = linearLayout.getChildAt(3);

secondView.setTag(secondCategory);

secondView.setOnClickListener(this);

final TextView secondTextView = (TextView) secondView.findViewById(R.id.text_title);

secondTextView.setText(secondCategory);

final ImageView secondImageView = (ImageView) secondView.findViewById(R.id.image_icon);

secondImageView.setImageDrawable(secondDrawable);

final View thirdView = linearLayout.getChildAt(5);

thirdView.setTag(thirdCategory);

thirdView.setOnClickListener(this);

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

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

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

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

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

文末

好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，可以来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

这里放上一部分我工作以来以及参与过的大大小小的面试收集总结出来的相关的几十套腾讯、头条、阿里、美团等公司21年的面试专题，其中把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分免费分享给大家，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家~

还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

【Android核心高级技术PDF文档，BAT大厂面试真题解析】