Android(安卓)中使用代码动态网格布局
16lz
2021-01-25
Android 中使用代码动态网格布局
本文介绍在android中使用代码动态布局,有时候根据不同的需求,比如需要根据服务器上的条目个数来决定app中页面布局控件(显示个数,图标等)。此处介绍通过java代码进行动态布局。
一、效果图:
图片资源随便找的,将就将就吧
二、给出xml文件布局
<?xml version="1.0" encoding="utf-8"?>
三、子条目xml布局文件
如图:
四、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); final TextView thirdTextView = (TextView) thirdView.findViewById(R.id.text_title); thirdTextView.setText(thirdCategory); final ImageView thirdImageView = (ImageView) thirdView.findViewById(R.id.image_icon); thirdImageView.setImageDrawable(thirdDrawable); } } /* (non-Javadoc) * @see app.ui.TitleActivity#onClick(android.view.View) */ @Override public void onClick(View v) { final Object tag = v.getTag(); //通过之前setTag找到点击位置 if (tag != null) { String department = (String) tag; Toast.makeText(this, department, 0).show(); } // else ignored }}
在onClick事件中通过布局时设置的Tag找出用户点击的是哪一个具体的Layout
注:关于 getResources().getIdentifier 方法可参考:http://blog.csdn.net/gao_chun/article/details/45891383
欢迎下载源码:http://download.csdn.net/download/gao_chun/8740979
转载请注明.
更多相关文章
- Android大图片背景性能优化篇
- Android(安卓)资源(Resources)访问
- android中activity动画切换
- Android监听输入法弹窗和关闭的实现方法
- Android(安卓)图片对比(图片相似度)代码
- Android中动态修改string.xml中字符串的内容
- Android(安卓)TextView的drawLeft、drawRight..
- 【Android】避免图片等资源泄露在系统图库当中
- Android线性布局和相对布局的详解和区别