实现界面:
事件:当点击时可以出现点击事件
实现思路,图片下面有一个文本框,又要以网格的形式实现界面,
那么就需要使用girdview完成网格布局,
同时使用一个打气筒将一个layout转成一个view,
xml:
main
<?xml version="1.0" encoding="utf-8"?> <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="com.example.xialm.cdy_gird_adapter.MainActivity"> <GridView android:id="@+id/gv" android:layout_width="match_parent" android:layout_height="match_parent" android:horizontalSpacing="24dp" android:numColumns="3" android:verticalSpacing="24dp" /> </RelativeLayout>
item:
<?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/iv" android:layout_width="wrap_content" android:layout_height="150dp" android:layout_gravity="center" android:scaleType="centerCrop" android:layout_weight="2" /> <TextView android:id="@+id/tv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_weight="1" android:textColor="#000" android:text="hello" /> </LinearLayout>
逻辑代码:
package com.example.xialm.cdy_gird_adapter; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.AdapterView; import android.widget.BaseAdapter; import android.widget.Button; import android.widget.GridLayout; import android.widget.GridView; import android.widget.ImageView; import android.widget.TextView; import android.widget.Toast; public class MainActivity extends AppCompatActivity { private GridView mgv_1; private int[] images = {R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e, R.drawable.f,R.drawable.g,R.drawable.h,R.drawable.i,R.drawable.j}; private String []names = {"0","1","2","3","4","5","6","7","8","9","","","",""}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //找到关心的控件 mgv_1 = (GridView)findViewById(R.id.gv); //设置适配器 mgv_1.setAdapter(new myad()); //设置监听 mgv_1.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { switch (position) { //点击地址为1的控件时,将进行toast的弹出 case 3: Toast.makeText(getApplicationContext(), "你点击的位置是"+images[position], Toast.LENGTH_SHORT).show(); break; case 2: Toast.makeText(getApplicationContext(), "你点击的数字是"+names[position], Toast.LENGTH_SHORT).show(); break; case 1: Toast.makeText(getApplicationContext(), "你点击的位置是"+position, Toast.LENGTH_SHORT).show(); break; case 0: Toast.makeText(getApplicationContext(), "你点击的数字是"+names[position], Toast.LENGTH_SHORT).show(); break; default: break; } } }); } //适配器的作用实际上就是将数据源绑定到view上 //然后返回view。这每一个返回来的view就是listview上的一个条目 //设置适配器,继承自BaseAdapter public class myad extends BaseAdapter{ //为了实例化一个对象,这里面封装的是两个控件 Holder myholder; //创建个数,这里取得值是数组的值 @Override public int getCount() { return images.length; } //根据点击位置返回view @Override public Object getItem(int position) { return images[position]; } //根据点击的位置返回id //实现获得点击到的是哪个id,这里返回的正好是id //根据位置返回id @Override public long getItemId(int position) { return position; } //控制界面的样式 @Override public View getView(int position, View convertView, ViewGroup parent) { if(convertView == null){ //要新建一个view, convertView = LayoutInflater.from(getApplicationContext()).inflate(R.layout.item, null); //在这里将item这个布局引入了进来,在下面就可以找到item这个界面的iv了 myholder = new Holder(); myholder.iv_1 = (ImageView)convertView.findViewById(R.id.iv); myholder.tv_1 = (TextView)convertView.findViewById(R.id.tv); //设置一个标签,标签可以携带任何信息 convertView.setTag(myholder); }else{ //再次拿到这个信息,实现资源的优化共用 myholder = (Holder)convertView.getTag(); } myholder.iv_1.setImageResource(images[position]); myholder.tv_1.setText(names[position]); return convertView; } } class Holder { TextView tv_1; ImageView iv_1; } }