Maison > développement back-end > tutoriel php > Série de contrôles de l'interface utilisateur Android : GridView (disposition en grille)

Série de contrôles de l'interface utilisateur Android : GridView (disposition en grille)

黄舟
Libérer: 2023-03-05 06:16:02
original
1201 Les gens l'ont consulté

GridView affiche le contenu en lignes et en colonnes. Il convient généralement à l'affichage d'icônes, d'images et d'autres contenus. Il est principalement utilisé pour définir l'Adapter

Ici, il s'agit principalement de la classe BaseAdapter de base et des méthodes. dedans sont réécrits, principalement en réécriture. La méthode getView définit le format d'affichage de l'image

L'exemple de code est le suivant

GridViewTest.java

/*
* @author hualang
*/
package org.hualang.grid;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class GridViewTest extends Activity {
    /** Called when the activity is first created. */
        private GridView gv;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        //通过findViewById方法获得GridView对象
        gv=(GridView)findViewById(R.id.GridView01);
        //设置GridView的行数
        gv.setNumColumns(4);
        gv.setAdapter(new MyAdapter(this));
    }
    //自定义适配器
    class MyAdapter extends BaseAdapter
    {
            //图片id数组
            private Integer[] imgs={
                            R.drawable.img01,
                            R.drawable.img02,
                            R.drawable.img03,
                            R.drawable.img04,
                            R.drawable.img05,
                            R.drawable.img06,
                            R.drawable.img07,
                            R.drawable.img08,

                            R.drawable.img01,
                            R.drawable.img02,
                            R.drawable.img03,
                            R.drawable.img04,
                            R.drawable.img05,
                            R.drawable.img06,
                            R.drawable.img07,
                            R.drawable.img08
            };
            //上下文对象
            Context context;
            //构造方法
            MyAdapter(Context context)
            {
                    this.context=context;
            }
            //获得数量
            public int getCount()
            {
                    return imgs.length;
            }
            //获得当前选项
            public Object getItem(int item)
            {
                    return item;
            }
            //获得当前选项id
            public long getItemId(int id)
            {
                    return id;
            }

            //创建View方法
            public View getView(int position,View convertView,ViewGroup parent)
            {
                    ImageView imageView;
                    if(convertView==null)
                    {
                            //实例化ImageView对象
                            imageView=new ImageView(context);
                            //设置ImageView对象布局
                            imageView.setLayoutParams(new GridView.LayoutParams(45,45));
                            //设置边界对齐
                            imageView.setAdjustViewBounds(false);
                            //设置刻度类型
                            imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
                            //设置间距
                            imageView.setPadding(8,8,8,8);
                    }else
                    {
                            imageView=(ImageView)convertView;
                    }
                    //为ImageView设置图片资源
                    imageView.setImageResource(imgs[position]);
                    return imageView;
            }

    }
}
Copier après la connexion

main.xml

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:orientation="vertical"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    >  
<GridView  
        android:id="@+id/GridView01"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"></GridView>  
</LinearLayout>
Copier après la connexion

Exécuter Les résultats sont les suivants

Série de contrôles de linterface utilisateur Android : GridView (disposition en grille)

Ce qui précède est le contenu de la série de contrôles de l'interface utilisateur Android : GridView (disposition en grille) . Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal