Android修改QQ样式xml,AndroidStudio中使用XML和Java代码混合控制UI界面实现QQ相册照片列表页面...

场景

效果

注：

实现

新建Android项目，首先打开activity_main.xml

使用XML设置页面

将其布局改为GridLayout,并设置其行数为3，列数为4，以及设置其id。

android:rowCount = "3"android:columnCount= "4"android:id="@+id/gridLayout"

使用Java代码设置页面

首先将要显示的照片复制到res/drawale下

原本要显示12张，应该要复制12张照片，这里只复制了一张。

打开MainActivity.java

先声明一个ImageView数组和图片路径数组。

private ImageView[] img = new ImageView[12];private int[] imagePath = new int[]{

R.drawable.img1,R.drawable.img1,R.drawable.img1,R.drawable.img1,

R.drawable.img1,R.drawable.img1,R.drawable.img1,R.drawable.img1,

R.drawable.img1,R.drawable.img1,R.drawable.img1,R.drawable.img1

};

然后在其OnCreate方法中

//获取layout

GridLayout layout =(GridLayout) findViewById(R.id.gridLayout);for(int i =0;i

{

img[i]= new ImageView(MainActivity.this);//给ImageView设置图片源

img[i].setImageResource(imagePath[i]);//设置内边距

img[i].setPadding(2, 2, 2, 2);//设置布局参数 即图片 大小

ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(240,140);

img[i].setLayoutParams(params);//将ImgageView添加到layout上

layout.addView(img[i]);

完整示例代码

package com.badao.layouttest;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.view.ViewGroup;

import android.widget.GridLayout;

import android.widget.ImageView;public classMainActivity extends AppCompatActivity {private ImageView[] img = new ImageView[12];private int[] imagePath = new int[]{

R.drawable.img1,R.drawable.img1,R.drawable.img1,R.drawable.img1,

R.drawable.img1,R.drawable.img1,R.drawable.img1,R.drawable.img1,

R.drawable.img1,R.drawable.img1,R.drawable.img1,R.drawable.img1

};

@Overrideprotected voidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);//获取layout

GridLayout layout =(GridLayout) findViewById(R.id.gridLayout);for(int i =0;i

{

img[i]= new ImageView(MainActivity.this);//给ImageView设置图片源

img[i].setImageResource(imagePath[i]);//设置内边距

img[i].setPadding(2, 2, 2, 2);//设置布局参数 即图片 大小

ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(240,140);

img[i].setLayoutParams(params);//将ImgageView添加到layout上

layout.addView(img[i]);

}

}

}