• Android 适配器教程 (六)


    我们的适配器学习已经接近尾声了。尽管这不是一个大问题,可是确实是值得学习的一块知识,回忆一下之前五讲的知识。我们已经学到了非常多东西了。

                  

    在之前五讲中。我们已经由浅入深的认识了适配器,从最简单的ListView写起,最后完毕了自己定义适配器的简单样例,然后又为大家解说了ViewHolder和settag在自己定义适配器中的应用,帮助大家理解了getView方法。还解说了关于ListView性能方面的优化问题。

    自己定义适配器这一部分是我们这次学习真正的重点,非常多问题能够用安卓原生适配器进行解决,可是也有非常多问题必须通过自己定义适配器才干合适的解决。

     

    在第四讲我已经提到过了,关于自己定义适配器,我们将有两个样例,一个简单一点,一个略微难一点。今天我们这个样例,也是最后一个样例是一个比較繁琐的项目,希望大家认真学习,并从中领悟到知识,真正学通安卓适配器。

     

    好的。先介绍一下今天要做的样例。大家都知道Listview和GridView,这两个都是安卓开发中经常使用的控件。今天我们要把他们两个结合在一起,使用listView嵌套GridView,形成一种能够存放多张图片的UI设计。Google+androidclient就是这个样子是不是感到有一点小繁琐,只是没事,我会一步步的依照写代码的思路解说的。

     

    说明一下。我还是会在之前几讲的Demo上继续加入,这次写完我就把源代码双手奉上了哦。看过前几篇的读者就比較熟悉了。

     

    好的,如今開始动手写吧:

     

    项目開始:

     

    (1)也还是先在activity_main.xml里加入一个button。一会跳转的时候使用。

    (2)然后新建一个类FinalDemo继承自Activity作为我们第四个个样例的Activity@Override我们的onCreate方法。

    (3)新建一个xml文件finaldemo.xml作为我们的布局文件,当中也是包括一个文本域和一个ListView

    代码例如以下:

    finaldemo.xml:

    <?xml version="1.0" encoding="utf-8"?

    > <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="这是ListView与GridView嵌套的一个样例" > </TextView> <ListView android:id="@+id/finaldemolistview" android:layout_width="wrap_content" android:layout_height="wrap_content" > </ListView> </LinearLayout>


    (4)然后须要定义好一个用来显示每个列内容的xml文件Listitem3.xmlListitem3.xml 包括横向的一个图片另一个GridviewGridview的横向滚动的实现布局主要是把gridview嵌套在HorizontalScrollView里面GridView的一些属性还要在java代码中实现,一会大家看源代码就明确了。

    Listitem3.xml

    代码例如以下:

    <span style="font-size:18px;"><?

    xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" > <ImageView android:id="@+id/list_iv" android:layout_width="150px" android:layout_height="150px" android:scaleType="fitXY" /> <HorizontalScrollView android:id="@+id/app_grid" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@null" android:scrollbars="none" > <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" > <GridView android:id="@+id/gridview" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@null" > </GridView> </LinearLayout> </HorizontalScrollView> </LinearLayout></span>


    再嵌套一个线性布局是为了在Java代码中控制横向Gridview长度(总长度)的,通过LayoutParams方法。


    (5)然后须要定义好一个用来显示横向GridView每个内容的gridview_item.xml。内容是一个ImageView和一个textview


    代码例如以下:

    gridview_item.xml:

    <?xml version="1.0" encoding="utf-8"?

    > <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <ImageView android:id="@+id/Grid_iv" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <TextView android:id="@+id/Grid_tv" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout>


    (6)然后是写出GridView的适配器这里在第四讲讲已经非常具体的说过了。我就不再多费口舌了。有什么问题还请大家再回去看看吧:

    新建一个类GridViewAdapter extends BaseAdapter,之后重写方法就Ok了~


    下面是该类的完整代码:

    package com.example.adapterdemo;
    
    import java.util.List;
    import java.util.Map;
    
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.BaseAdapter;
    
    import android.widget.ImageView;
    import android.widget.TextView;
    
    public class GridViewAdapter extends BaseAdapter {
    
    	private LayoutInflater mInflater;
    	private List<Map<String, Object>> Griddata;
    
    	// 构造器。接收数据
    	public GridViewAdapter(Context context, List<Map<String, Object>> Griddata) {
    
    		this.mInflater = LayoutInflater.from(context);
    		this.Griddata = Griddata;
    	}
    
    	@Override
    	public int getCount() {
    
    		return Griddata == null ? 0 : Griddata.size();
    	}
    
    	@Override
    	public Object getItem(int position) {
    
    		return Griddata.get(position);
    	}
    
    	@Override
    	public long getItemId(int position) {
    
    		return position;
    	}
    
    	@Override
    	public View getView(int position, View convertView, ViewGroup parent) {
    		ViewHolder holder = null;
    		if (convertView == null) {
    
    			holder = new ViewHolder();
    
    			convertView = mInflater.inflate(R.layout.gridview_item, null);
    			holder.Gridimg = (ImageView) convertView.findViewById(R.id.Grid_iv);
    			holder.Gridtext = (TextView) convertView.findViewById(R.id.Grid_tv);
    
    			convertView.setTag(holder);
    
    		} else {
    
    			holder = (ViewHolder) convertView.getTag();
    		}
    
    		holder.Gridimg.setBackgroundResource((Integer) Griddata.get(position)
    				.get("Gridimg"));
    		holder.Gridtext
    				.setText((String) Griddata.get(position).get("Gridtext"));
    
    		return convertView;
    	}
    
    	public final class ViewHolder {
    		public ImageView Gridimg;
    		public TextView Gridtext;
    
    	}
    
    }
    

    (7)然后是写出LIstView的适配器这里在第四讲讲已经非常具体的说过了,我相同也是就不再多费口舌了,有什么问题还请大家再回去看看吧:

    新建一个类FinalDemoListAdapter extends BaseAdapter,之后重写方法就Ok了~

    当中须要注意的就有 1.构造器部分须要分两部分得到ListView和GridView的数据。


    2.原来载入数据的部分,因为我们里面还嵌套了一层ListView,所以除了载入了一张 图片,还须要载入一个GridView,而且把外部获得的给GridView的数据传给下一层。


    3.GridView的布局设置,这里我就不多说了,有问题的话谷歌一下就明确了。


    另外我这么写思路比較清楚。可是效率就不敢保证了,还希望大家多多不吝赐教。


    以下给出源代码:


    package com.example.adapterdemo;
    
    import java.util.List;
    import java.util.Map;
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.LinearLayout.LayoutParams;
    import android.widget.BaseAdapter;
    import android.widget.GridView;
    import android.widget.ImageView;
    
    
    public class FinalDemoListAdapter extends BaseAdapter {
    	
    	 //列宽
    
        private int cWidth = 120;
    
        //水平间距
    
        private int hSpacing = 10;
    
    
    	private LayoutInflater mInflater;
    	private List<Map<String, Object>> Listdata;
    	private List<Map<String, Object>> Griddata;
    	private Context context;
    
    	// 构造器,接收数据
    	public FinalDemoListAdapter(Context context,
    			List<Map<String, Object>> Listdata,
    			List<Map<String, Object>> Griddata) {
    		this.context = context;
    		this.mInflater = LayoutInflater.from(context);
    		this.Listdata = Listdata;
    		this.Griddata = Griddata;
    	}
    
    	@Override
    	public int getCount() {
    
    		return Listdata == null ?

    0 : Listdata.size(); } @Override public Object getItem(int position) { return Listdata.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder = null; if (convertView == null) { holder = new ViewHolder(); convertView = mInflater.inflate(R.layout.listitem3, null); holder.Listimg = (ImageView) convertView.findViewById(R.id.list_iv); holder.gridview = (GridView) convertView .findViewById(R.id.gridview); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } // 载入数据 holder.Listimg.setBackgroundResource((Integer) Listdata.get(position) .get("Listimg")); // 载入Gridview GridViewAdapter ga = new GridViewAdapter(context, Griddata); int i = ga.getCount(); LayoutParams params = new LayoutParams(i * (115 + 10), LayoutParams.WRAP_CONTENT); holder.gridview.setLayoutParams(params); holder.gridview.setColumnWidth(cWidth); holder.gridview.setHorizontalSpacing(hSpacing); holder.gridview.setStretchMode(GridView.NO_STRETCH); holder.gridview.setNumColumns(i); holder.gridview.setAdapter(ga); return convertView; } public final class ViewHolder { public ImageView Listimg; public GridView gridview; } }


    (8)之后我们再回到FinalDem之前那样添加适配器。加入数据就好了:


    我从网上下了点头像。

    。。后面的安卓机器人图片是演示样例。


    以下是源代码:

    package com.example.adapterdemo;
    
    import java.util.ArrayList;
    import java.util.HashMap;
    import java.util.List;
    import java.util.Map;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.ListView;
    
    public class FinalDemo extends Activity {
    	private ListView lv;
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.finaldemo);
    		lv = (ListView) findViewById(R.id.finaldemolistview);
    		FinalDemoListAdapter myadapter = new FinalDemoListAdapter(this,
    				getListData(), getGridData());
    		lv.setAdapter(myadapter);
    	}
    
    	private List<Map<String, Object>> getListData() {
    		List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
    
    		Map<String, Object> map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head1);
    		
    		list.add(map);
    
    		map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head2);
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head4);
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head5);
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head6);
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head7);
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head8);
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head9);
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head10);
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head11);
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head12);
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Listimg", R.drawable.head13);
    		list.add(map);
    		
    		return list;
    		
    	}
    
    	private List<Map<String, Object>> getGridData() {
    		List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
    
    		Map<String, Object> map = new HashMap<String, Object>();
    		map.put("Gridimg", R.drawable.ic_launcher);
    		map.put("Gridtext", "info 1");
    		
    		list.add(map);
    
    		map = new HashMap<String, Object>();
    		map.put("Gridimg", R.drawable.ic_launcher);
    		map.put("Gridtext", "info 2");
    		
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Gridimg", R.drawable.ic_launcher);
    		map.put("Gridtext", "info 3");
    		
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Gridimg", R.drawable.ic_launcher);
    		map.put("Gridtext", "info 4");
    		
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Gridimg", R.drawable.ic_launcher);
    		map.put("Gridtext", "info 5");
    		
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Gridimg", R.drawable.ic_launcher);
    		map.put("Gridtext", "info 6");
    		
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Gridimg", R.drawable.ic_launcher);
    		map.put("Gridtext", "info 7");
    		
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Gridimg", R.drawable.ic_launcher);
    		map.put("Gridtext", "info 8");
    		
    		list.add(map);
    		
    		map = new HashMap<String, Object>();
    		map.put("Gridimg", R.drawable.ic_launcher);
    		map.put("Gridtext", "info 9");
    		
    		list.add(map);
    		return list;
    	}
    }
    


    到此为止就搞定了。,让我们再看一下实现效果




    为了能看出效果。我把横向的Gridview拉动了一下,所以是对不齐的,这里我横向的部分设置的底色为透明,假设在加一张背景图片的话,相信效果会不错的。这仅仅是一个Demo。在调整一下间距和尺寸,我想效果会好非常多,呵呵~


    这样我们的教程就算是彻底结束了,希望大家能从中学到些东西就好了。这样我的Demo程序也一并写完了。源代码地址我会附在文章的最后~

    差点忘了我还没给大家activity_main.xml和MainActivity的源代码,这里也再贴一下吧:


    MainActivity:

    package com.example.adapterdemo;
    
    
    
    import android.os.Bundle;
    import android.app.Activity;
    import android.app.AlertDialog;
    import android.app.AlertDialog.Builder;
    import android.content.DialogInterface;
    import android.content.Intent;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.widget.Button;
    
    public class MainActivity extends Activity {
    	private Button bt_1;
    	private Button bt_2;
    	private Button bt_3;
    	private Button bt_4;
    	private Button bt_5;
    	private Button bt_6;
    	
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            bt_1=(Button)findViewById(R.id.button1);
            bt_2=(Button)findViewById(R.id.button2);
            bt_3=(Button)findViewById(R.id.button3);
            bt_4=(Button)findViewById(R.id.button4);
            bt_5=(Button)findViewById(R.id.button5);
            bt_6=(Button)findViewById(R.id.button6);
            
            bt_1.setOnClickListener(new OnClickListener() {
    			
    			@Override
    			public void onClick(View arg0) {
    				Intent dataIntent = new Intent(MainActivity.this,ArrayAdapterDemo.class);
    				 startActivity(dataIntent);
    			}
    		});
            
            bt_2.setOnClickListener(new OnClickListener() {
    			
    			@Override
    			public void onClick(View arg0) {
    				Intent dataIntent = new Intent(MainActivity.this,SimpleCursorAdapterDemo.class);
    				 startActivity(dataIntent);
    			}
    		});
            
            bt_3.setOnClickListener(new OnClickListener() {
    			
    			@Override
    			public void onClick(View arg0) {
    				Intent dataIntent = new Intent(MainActivity.this,SimpleAdapterDemo.class);
    				 startActivity(dataIntent);
    			}
    		});
            
            bt_4.setOnClickListener(new OnClickListener() {
    			
    			@Override
    			public void onClick(View arg0) {
    				Intent dataIntent = new Intent(MainActivity.this,MyAdapterDemo.class);
    				 startActivity(dataIntent);
    			}
    		});
            
            bt_5.setOnClickListener(new OnClickListener() {
    			
    			@Override
    			public void onClick(View arg0) {
    				Intent dataIntent = new Intent(MainActivity.this,FinalDemo.class);
    				 startActivity(dataIntent);
    			}
    		});
            
            bt_6.setOnClickListener(new OnClickListener() {
    			
    			@Override
    			public void onClick(View arg0) {
    				aboutWarn();
    			}
    		});
        }
    
        private void aboutWarn(){
    		AlertDialog.Builder builder = new Builder(this); 
    		builder.setMessage("这是关于学习适配器的一个样例
    作者MingChao Sun
    相关教程请訪问:
    http://blog.csdn.net/sunmc1204953974");
    		builder.setTitle("关于");
    		builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
    			@Override
    			public void onClick(DialogInterface dialog, int which) {
    				
    				dialog.dismiss();
    			}
    		});
    		builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
    			@Override
    			public void onClick(DialogInterface dialog, int which) {
    				
    				dialog.dismiss();
    			}
    		});
    		builder.create().show();
    	}
    
       
    }
    


    activity_main.xml:


    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context=".MainActivity" >
    
         <Button
             android:id="@+id/button2"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignParentLeft="true"
             android:layout_below="@+id/button1"
             android:layout_marginTop="27dp"
             android:text="SimpleCursorAdapterDemo" />
    
         <Button
             android:id="@+id/button5"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignParentLeft="true"
             android:layout_below="@+id/button4"
             android:layout_marginTop="26dp"
             android:text="ListView与GridView嵌套的Demo" />
    
         <Button
             android:id="@+id/button6"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignParentLeft="true"
             android:layout_alignParentTop="true"
             android:text="关于" />
    
         <Button
             android:id="@+id/button1"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignLeft="@+id/button2"
             android:layout_below="@+id/button6"
             android:layout_marginTop="20dp"
             android:text="ArrayAdapterDemo" />
    
         <Button
             android:id="@+id/button3"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_below="@+id/button2"
             android:layout_marginTop="18dp"
             android:text="SimpleAdapterDemo" />
    
         <Button
             android:id="@+id/button4"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignParentLeft="true"
             android:layout_below="@+id/button3"
             android:layout_marginTop="25dp"
             android:text="MyAdapterDemo" />
         
    </RelativeLayout>
    


    好了,这就算是彻底结束了,希望大家有所所收获!


    我也是学生,水平有限。还请大家多多不吝赐教。


    另外请大家尊重原创,转载请付上我文章的地址哦~谢谢~


    源代码的地址:

    (一个实例彻底学会适配器)AdapterDemo.zip:

    http://download.csdn.net/detail/sunmc1204953974/7689411


  • 相关阅读:
    Spark2.x学习笔记:Spark SQL程序设计
    Spark2.x学习笔记:Spark SQL的SQL
    Spark2.x学习笔记:Spark SQL快速入门
    Hystrix入门执行过程
    redis配置master-slave模式
    MockServer 入门
    Locust分布式负载测试工具入门
    poi读取excel元素
    hadoop+spark集群搭建入门
    Vi文档
  • 原文地址:https://www.cnblogs.com/yjbjingcha/p/7359781.html
Copyright © 2020-2023  润新知