Android學習0826（GridView、Spinner、AutoCompleteTextView、Gallery、ExpandableListView）

GridView

ListView是將數據信息以列表的形式展示，而且只有一列，而GridView是以表格的形式將數據展示出來，需要用到自定義的Adapter，

用numColumns來表示列數

android:numColumns="3"

activity_gridView.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/smalldog">
    <GridView
        android:id="@+id/gridview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="3"></GridView>
</LinearLayout>

activity_gridview_adapter.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <ImageView
        android:id="@+id/image_gridview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"/>
    <TextView
        android:id="@+id/text_gridview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"/>

</LinearLayout>

Gridview.java

package StudentAdapter;

/**
 * Created by Administrator on 2015/8/26.
 */
public class Grideview {
    private int img;
    private String fruit_name;
    private boolean isCheck;
    public Grideview( String fruit_name,int img) {
        this.img = img;
        this.fruit_name = fruit_name;
    }

    public boolean isCheck() {
        return isCheck;
    }

    public void setIsCheck(boolean isCheck) {
        this.isCheck = isCheck;
    }

    public int getImg() {
        return img;
    }

    public void setImg(int img) {
        this.img = img;
    }

    public String getFruit_name() {
        return fruit_name;
    }

    public void setFruit_name(String fruit_name) {
        this.fruit_name = fruit_name;
    }
}

GridViewAdapter.java

package StudentAdapter;

import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.administrator.myapplication.R;

import java.util.List;

/**
 * Created by Administrator on 2015/8/26.
 */
public class GridViewAdapter extends BaseAdapter{
    private List<Grideview> mGrid;
    private LayoutInflater inflaterGridView;

    public GridViewAdapter( LayoutInflater inflaterGridView,List<Grideview> mGrid) {
        this.mGrid = mGrid;
        this.inflaterGridView = inflaterGridView;
    }

    @Override
    public int getCount() {
        return mGrid.size();
    }

    @Override
    public Object getItem(int position) {
        return position;
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Grideview grideview=mGrid.get(position);
        ViewHolder vh=null;
        if (convertView==null) {
            vh=new ViewHolder();
            convertView=inflaterGridView.inflate(R.layout.activity_gridview_adapter,null);;
            vh.imageView= (ImageView) convertView.findViewById(R.id.image_gridview);
            vh.textview_name= (TextView) convertView.findViewById(R.id.text_gridview);
            convertView.setTag(vh);
        }else{
            vh= (ViewHolder) convertView.getTag();
        }
        vh.textview_name.setText(grideview.getFruit_name());
        vh.imageView.setImageResource(grideview.getImg());
        return convertView;
    }
    class ViewHolder{
        ImageView imageView;
        TextView textview_name;
    }
}

GridViewActivity.java

package com.example.administrator.myapplication;

import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.GridView;

import java.util.ArrayList;
import java.util.List;

import StudentAdapter.Fruit;
import StudentAdapter.FruitAdapter;
import StudentAdapter.GridViewAdapter;
import StudentAdapter.Grideview;

/**
 * Created by Administrator on 2015/8/26.
 */
public class GridViewActivity extends Activity{
    private GridView gridView;
    private List<Grideview> mGride;
    private GridViewAdapter mGridView;
    private LayoutInflater inflaterGrideView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_gridview);
        gridView= (GridView) findViewById(R.id.gridview);
        inflaterGrideView=getLayoutInflater();
        setData();
        mGridView=new GridViewAdapter(inflaterGrideView,mGride);
        gridView.setAdapter(mGridView);
    }
    private void setData() {
        mGride = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            Grideview apple = new Grideview("蘋果", R.mipmap.apple);
            Grideview pineapple = new Grideview("菠蘿", R.mipmap.pineapple);
            Grideview strawberry = new Grideview("草莓", R.mipmap.strawberry);
            Grideview watermelon = new Grideview("西瓜", R.mipmap.fruit_ninja);
            mGride.add(apple);
            mGride.add(pineapple);
            mGride.add(strawberry);
            mGride.add(watermelon);
        }
    }
}

Spinner

Spinner適用於下拉列表以提供選擇，Spinner不需要自定義Adapter，使用默認自帶的Adapter即可>

activity_spinner.java

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Spinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></Spinner>
</LinearLayout>

SpinnerActivity.java

package com.example.administrator.myapplication;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.Spinner;

/**
 * Created by Administrator on 2015/8/26.
 */
public class SpinnerActivity extends Activity{
    private Spinner mSpinner;
    private ArrayAdapter<String> mAdapter;
    private String [] mData={"張三","李四","王五","趙六","馬七","胡巴"};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_spinner);
        mSpinner= (Spinner) findViewById(R.id.spinner);
        mAdapter=new ArrayAdapter<String>(this,android.R.layout.simple_spinner_dropdown_item,mData);
        mSpinner.setAdapter(mAdapter);
    }
}

AutoCompleteTextView

AutoCompleteTextView也是下拉式列表，不過Spinner是從下拉列表中已給的數據選擇合適的，AutoCompleteTextView是用已知的數據信息來查詢符合的數據信息,和Spinner一樣不需要自定義Adapter，用ArrayAdapter即可。

.

activity_autocompletetextview.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <AutoCompleteTextView
        android:id="@+id/text_autocomplete"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

AutoCompleteRextView.java

package com.example.administrator.myapplication;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;

/**
 * Created by Administrator on 2015/8/26.
 */
public class AutoCompleteTextviewActivity extends Activity{
    private AutoCompleteTextView mAutoComplete;
    private ArrayAdapter<String> mAdapter;
    private String[] mData={"layout_LinearLayout","layout_relative","layout_frame","Textview","Textcolor","Textstyle"};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_autocompletetextview);
        mAutoComplete= (AutoCompleteTextView) findViewById(R.id.text_autocomplete);
        mAdapter=new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,mData);
        mAutoComplete.setAdapter(mAdapter);
    }
}

Gallery

ListView是上下滑動來查看數據信息的，而Gallery是通過左右滑動來查看數據信息的，Gallery默認的數據信息是居中顯示的。需要自定義的Adapter。

spacing設置相鄰兩個數據之間的距離間隔，可以是負數

android:spacing="10dp"

unselectedAlpha設置未居中顯示的信息的不透明度,,值爲0~1.2

android:unselectedAlpha="0.4"

activity_gallery.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Gallery
        android:id="@+id/gallery"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:spacing="10dp"
        android:unselectedAlpha="0.4"></Gallery>
</LinearLayout>

爲了簡潔，這裏直接使用gridviewadapter的XML，activity_gridview_adapter.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <ImageView
        android:id="@+id/image_gridview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"/>
    <TextView
        android:id="@+id/text_gridview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"/>

</LinearLayout>

同樣這裏的數據信息也使用gridview的，
GridView.java

package StudentAdapter;

/**
 * Created by Administrator on 2015/8/26.
 */
public class Grideview {
    private int img;
    private String fruit_name;
    private boolean isCheck;
    public Grideview( String fruit_name,int img) {
        this.img = img;
        this.fruit_name = fruit_name;
    }

    public boolean isCheck() {
        return isCheck;
    }

    public void setIsCheck(boolean isCheck) {
        this.isCheck = isCheck;
    }

    public int getImg() {
        return img;
    }

    public void setImg(int img) {
        this.img = img;
    }

    public String getFruit_name() {
        return fruit_name;
    }

    public void setFruit_name(String fruit_name) {
        this.fruit_name = fruit_name;
    }
}

GalleryAdapter.java

package com.example.administrator.myapplication;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

import StudentAdapter.Grideview;

/**
 * Created by Administrator on 2015/8/26.
 */
public class GalleryAdapter extends BaseAdapter{
    private List<Grideview> mGrid;
    private LayoutInflater inflaterGridView;
    @Override
    public int getCount() {
        return mGrid.size();
    }

    @Override
    public Object getItem(int position) {
        return position;
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Grideview grideview=mGrid.get(position);
        ViewHolder vh=null;
        if (convertView==null) {
            vh=new ViewHolder();
            convertView=inflaterGridView.inflate(R.layout.activity_gridview_adapter,null);;
            vh.imageView= (ImageView) convertView.findViewById(R.id.image_gridview);
            vh.textview_name= (TextView) convertView.findViewById(R.id.text_gridview);
            convertView.setTag(vh);
        }else{
            vh= (ViewHolder) convertView.getTag();
        }
        vh.textview_name.setText(grideview.getFruit_name());
        vh.imageView.setImageResource(grideview.getImg());
        return convertView;
    }
    class ViewHolder{
        ImageView imageView;
        TextView textview_name;
    }
}

GalleryActivity.java

package com.example.administrator.myapplication;

import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.Gallery;
import android.widget.GridView;

import java.util.ArrayList;
import java.util.List;

import StudentAdapter.GridViewAdapter;
import StudentAdapter.Grideview;

/**
 * Created by Administrator on 2015/8/26.
 */
public class GalleryActivity extends Activity {
    private Gallery mGallery;
    private List<Grideview> mGride;
    private GridViewAdapter mGridView;
    private LayoutInflater inflaterGrideView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_grallery);
        mGallery= (Gallery) findViewById(R.id.gallery);
        inflaterGrideView=getLayoutInflater();
        setData();
        mGridView=new GridViewAdapter(inflaterGrideView,mGride);
        mGallery.setAdapter(mGridView);
    }
    private void setData() {
        mGride = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            Grideview apple = new Grideview("蘋果", R.mipmap.apple);
            Grideview pineapple = new Grideview("菠蘿", R.mipmap.pineapple);
            Grideview strawberry = new Grideview("草莓", R.mipmap.strawberry);
            Grideview watermelon = new Grideview("西瓜", R.mipmap.fruit_ninja);
            mGride.add(apple);
            mGride.add(pineapple);
            mGride.add(strawberry);
            mGride.add(watermelon);
        }
    }
}

當數據信息間的間隔爲負數時，即

android:spacing="-30dp"

ExpandableListView

ExpandableListView 也是一種ListView，相當於是在ListView中嵌套ListView，但ListView不允許有子標籤，所以用ExpandableListView來進行實現

由於是相當於ListView中嵌套ListView，需要兩個XML文件存放數據信息格式，同時也就需要兩個數據model，就以班級學生爲例。

.

activity_expandable_clazz.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#5063B8FF">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/image_boy"/>
            <TextView
                android:id="@+id/text_clazz_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
            <TextView
                android:id="@+id/text_clazz_num"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"

                />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="     人數："/>
            <TextView
                android:id="@+id/text_clazz_students"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                />
</LinearLayout>

activity_expandable_students.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#50C6E2FF">
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/jie2"/>
    <TextView
        android:id="@+id/text_students_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/text_students_sex"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/text_students_age"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

activity_expandablelistview.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/imagegreen">

    <ExpandableListView
        android:id="@+id/expandable"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        ></ExpandableListView>
</LinearLayout>

Clazz.java

package StudentAdapter;

import java.util.List;

/**
 * Created by Administrator on 2015/8/26.
 */
public class Clazz {
    private String clazzName;
    private String calzzNum;
    private List<Students> students;
    public Clazz(String clazzName, String calzzNum) {
        this.clazzName = clazzName;
        this.calzzNum = calzzNum;
    }

    public String getClazzName() {
        return clazzName;
    }

    public void setClazzName(String clazzName) {
        this.clazzName = clazzName;
    }

    public String getCalzzNum() {
        return calzzNum;
    }

    public void setCalzzNum(String calzzNum) {
        this.calzzNum = calzzNum;
    }

    public List<Students> getStudents() {
        return students;
    }

    public void setStudents(List<Students> students) {
        this.students = students;
    }
}

Students.java

package StudentAdapter;

/**
 * Created by Administrator on 2015/8/26.
 */
public class Students {
    private String name;
    private String sex;
    private String age;

    public Students(String name, String sex, String age) {
        this.name = name;
        this.sex = sex;
        this.age = age;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getAge() {
        return age;
    }

    public void setAge(String age) {
        this.age = age;
    }

    public String getSex() {
        return sex;
    }

    public void setSex(String sex) {
        this.sex = sex;
    }
}

ExpandableAdapter.java

package StudentAdapter;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;

import com.example.administrator.myapplication.R;

import java.util.List;

/**
 * Created by Administrator on 2015/8/26.
 */
public class ExpandableAdapter extends BaseExpandableListAdapter{
    private LayoutInflater mInflater;
    private List<Clazz> mClazz;

    public ExpandableAdapter(LayoutInflater mInflater, List<Clazz> mClazz) {
        this.mInflater = mInflater;
        this.mClazz = mClazz;
    }

    @Override
    public int getGroupCount() {
        return mClazz.size();
    }

    @Override
    public int getChildrenCount(int groupPosition) {
        return mClazz.get(groupPosition).getStudents().size();
    }

    @Override
    public Object getGroup(int groupPosition) {
        return groupPosition;
    }

    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }

    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public boolean hasStableIds() {
        return false;
    }

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        convertView=mInflater.inflate(R.layout.activity_expandable_clazz,null);
        TextView textViewClazzName= (TextView) convertView.findViewById(R.id.text_clazz_name);
        TextView textViewClazzNum= (TextView) convertView.findViewById(R.id.text_clazz_num);
        TextView textViewClazzStudents= (TextView) convertView.findViewById(R.id.text_clazz_students);
        Clazz clazz=mClazz.get(groupPosition);
        textViewClazzName.setText(clazz.getClazzName());
        textViewClazzNum.setText(clazz.getCalzzNum());
        textViewClazzStudents.setText(""+clazz.getStudents().size());
        return convertView;
    }

    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
        convertView=mInflater.inflate(R.layout.activity_expandable_students,null);
        TextView textViewStudentsName= (TextView) convertView.findViewById(R.id.text_students_name);
        TextView textViewStudentsAge= (TextView) convertView.findViewById(R.id.text_students_age);
        TextView textViewStudentsSex= (TextView) convertView.findViewById(R.id.text_students_sex);
        Clazz clazz=mClazz.get(groupPosition);
        List<Students> students= (List<Students>) clazz.getStudents();
        Students student=students.get(childPosition);
        textViewStudentsName.setText(student.getName());
        textViewStudentsAge.setText(student.getAge());
        textViewStudentsSex.setText(student.getSex());
        return convertView;
    }

    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return false;
    }
}

ExpandableActivity.java

package com.example.administrator.myapplication;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.ExpandableListView;

import java.util.ArrayList;
import java.util.List;

import StudentAdapter.Clazz;
import StudentAdapter.ExpandableAdapter;
import StudentAdapter.Students;

/**
 * Created by Administrator on 2015/8/26.
 */
public class ExpandableActivity extends Activity{
    private ExpandableListView mExpandable;
    private List<Clazz> clazzs;
    private LayoutInflater mInflater;
    private ExpandableAdapter expandableAdapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_expandablelistview);
        mExpandable= (ExpandableListView) findViewById(R.id.expandable);
        setData();
        mInflater=getLayoutInflater();
        expandableAdapter=new ExpandableAdapter(mInflater,clazzs);
        mExpandable.setAdapter(expandableAdapter);
    }
    public void setData(){
        clazzs=new ArrayList<>();

        Clazz clazz1=new Clazz("一班","201501");
        List<Students> students1=new ArrayList<>();
        students1.add(new Students("張三","18","男"));
        students1.add(new Students("李四","19","男"));
        students1.add(new Students("王五","20","女"));
        students1.add(new Students("趙六","21","女"));
        clazz1.setStudents( students1);

        Clazz clazz2=new Clazz("二班","201502");
        List<Students> students2=new ArrayList<>();
        students2.add(new Students("張三","18","男"));
        students2.add(new Students("李四","19","男"));
        students2.add(new Students("王五","20","女"));
        students2.add(new Students("趙六","21","女"));
        clazz2.setStudents( students2);

        Clazz clazz3=new Clazz("三班","201503");
        List<Students> students3=new ArrayList<>();
        students3.add(new Students("張三","18","男"));
        students3.add(new Students("李四","19","男"));
        students3.add(new Students("王五","20","女"));
        students3.add(new Students("趙六","21","女"));
        clazz3.setStudents(students3);

        Clazz clazz4=new Clazz("四班","201504");
        List<Students> students4=new ArrayList<>();
        students4.add(new Students("張三","18","男"));
        students4.add(new Students("李四","19","男"));
        students4.add(new Students("王五","20","女"));
        students4.add(new Students("趙六","21","女"));
        clazz4.setStudents( students4);

        clazzs.add(clazz1);
        clazzs.add(clazz2);
        clazzs.add(clazz3);
        clazzs.add(clazz4);

    }
}