当前位置: 代码迷 >> Android >> andriod 支付宝相仿界面图片加文字
  详细解决方案

andriod 支付宝相仿界面图片加文字

热度:370   发布时间:2016-04-24 11:42:07.0
andriod 支付宝类似界面图片加文字
<?xml version="1.0" encoding="utf-8"?><GridView    xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/gridview"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:verticalSpacing="10dp"    android:horizontalSpacing="10dp"    android:columnWidth="90dp"    android:stretchMode="columnWidth"    android:gravity="center"    android:numColumns="3" />

grid.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_height="wrap_content"    android:paddingBottom="4dip" android:layout_width="fill_parent">    <ImageView        android:layout_height="wrap_content"        android:id="@+id/ItemImage"        android:layout_width="wrap_content"        android:layout_centerHorizontal="true">    </ImageView>    <TextView        android:layout_width="wrap_content"        android:layout_below="@+id/ItemImage"        android:layout_height="wrap_content"        android:text="TextView01"        android:layout_centerHorizontal="true"        android:id="@+id/ItemText">    </TextView></RelativeLayout>   
package com.example.yanlei.my;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.GridView;import android.widget.SimpleAdapter;import java.util.ArrayList;import java.util.HashMap;public class MainActivity extends AppCompatActivity {    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        GridView gridview = (GridView) findViewById(R.id.gridview);        //生成动态数组,并且转入数据        ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>();        for (int i = 0; i < 10; i++) {            HashMap<String, Object> map = new HashMap<String, Object>();            if (i == 0) {                map.put("ItemImage", R.drawable.a1);//添加图像资源的ID            } else {                map.put("ItemImage", R.drawable.ic_launcher);//添加图像资源的ID            }            map.put("ItemText", "NO." + String.valueOf(i));//按序号做ItemText            lstImageItem.add(map);        }        //生成适配器的ImageItem <====> 动态数组的元素,两者一一对应        SimpleAdapter saImageItems = new SimpleAdapter(this,                lstImageItem,//数据来源                R.layout.grid,//grid的XML实现                //动态数组与ImageItem对应的子项                new String[]{"ItemImage", "ItemText"},                //ImageItem的XML文件里面的一个ImageView,两个TextView ID                new int[]{R.id.ItemImage, R.id.ItemText});        //添加并且显示        gridview.setAdapter(saImageItems);        //添加消息处理        gridview.setOnItemClickListener(new ItemClickListener());    }    //当AdapterView被单击(触摸屏或者键盘),则返回的Item单击事件    class ItemClickListener implements OnItemClickListener {        public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {            HashMap<String, Object> item = (HashMap<String, Object>) arg0.getItemAtPosition(arg2);            //显示所选Item的ItemText            setTitle((String) item.get("ItemText"));        }    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        // Inflate the menu; this adds items to the action bar if it is present.        getMenuInflater().inflate(R.menu.menu_main, menu);        return true;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        // Handle action bar item clicks here. The action bar will        // automatically handle clicks on the Home/Up button, so long        // as you specify a parent activity in AndroidManifest.xml.        int id = item.getItemId();        //noinspection SimplifiableIfStatement        if (id == R.id.action_settings) {            return true;        }        return super.onOptionsItemSelected(item);    }}