0
点赞
收藏
分享

微信扫一扫

AndroidStudio中使用XML和Java代码混合控制UI界面实现QQ相册照片列表页面


场景

效果

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张照片,这里只复制了一张。

AndroidStudio中使用XML和Java代码混合控制UI界面实现QQ相册照片列表页面_数组_02

 

打开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<imagePath.length;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 class MainActivity 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
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//获取layout
GridLayout layout = (GridLayout) findViewById(R.id.gridLayout);
for(int i =0;i<imagePath.length;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]);
}
}
}

 

举报

相关推荐

0 条评论