listview的分類,仿京東分類

listview的分類,今天看到京東的app分類做的很ok,自己也嘗試了下,效果實作了.

//先上圖,京東的,我自己的

//代碼很容易就不過多做解釋了.

//主要的話就是兩個方法的使用

//listview.smoothScrollToPosition(0)設定listview到排頭

//listview.smoothScrollToPosition(adapter.getCount()-1);設定到底部

//listview.smoothScrollToPositionFromTop(arg2-5, 0); //滑動到中間位置(這裡的5,表示如果你的螢幕一次有10個item,5的話基本上就在中間了,一個大緻的位置).

//大得問題沒有.還有就是選中item的方法,新人可以長點見識.

//以下是全部的代碼

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.view.View;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.ListView;

public class MainActivity extends Activity {

/***** 初始化資料和ID *****/
private ListView listview;
private List<Map<String, String>>list = new ArrayList<Map<String,String>>();

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    //初始化id
    listview = (ListView) findViewById(R.id.listview);

    //模拟清單集合
    list = new ArrayList<Map<String,String>>();
    String str[] = {"推薦分類","潮流女裝","品牌男裝","個護化妝","家用電器","電腦辦公","手機數位",
            "母嬰童裝","圖書音像","家居家紡","家具建材","食品生鮮","酒水飲料","運動戶外","鞋靴箱包","奢品禮品",
            "鐘表珠寶","玩具樂器","内衣配飾","汽車用品","醫藥保健","計生情趣","京東金融","生活旅行","寵物農資"};
    for (int i = 0; i < str.length; i++) {
        Map<String, String>map = new HashMap<String, String>();
        map.put("1", str[i]);
        list.add(map);
    }

    //自定義adapter  實作效果
    final List_adapter list_adapter = new List_adapter(this, list,0);
    listview.setAdapter(list_adapter);
    listview.setOnItemClickListener(new OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                long arg3) {
            //選中的位置
            list_adapter.setSeclection(arg2);
            //重新整理listview
            list_adapter.notifyDataSetChanged();
            //将選中位置平滑滑動到中間位置
            if(arg2==0||arg2==1||arg2==2||arg2==3||arg2==4||arg2==5){
                listview.smoothScrollToPosition(0);//滑動到排頭
            }else if(arg2==24||arg2==23||arg2==22||arg2==21||arg2==20){
                listview.smoothScrollToPosition(list_adapter.getCount()-1);//滑動到底部
            }else if(arg2==6||arg2==7||arg2==8||arg2==9||arg2==10||arg2==11
                    ||arg2==12||arg2==13||arg2==14||arg2==15||arg2==16||arg2==17
                    ||arg2==18||arg2==19){
                listview.smoothScrollToPositionFromTop(arg2-5, 0); //滑動到中間位置
            }

        }
    });

}
           

}

//adapter

import java.util.ArrayList;

import java.util.List;

import java.util.Map;

import android.content.Context;

import android.graphics.Color;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.RelativeLayout;

import android.widget.TextView;

public class List_adapter extends BaseAdapter{

private List<Map<String, String>>list = new ArrayList<Map<String,String>>();
private Context context;

//初始化位置
private int clickStatus = 0;
public void setSeclection(int position) {
    clickStatus = position;
}

public List_adapter(Context context,List<Map<String, String>>list,int a1a1) {
    this.context = context;
    this.list = list;
    this.clickStatus = a1a1;
}

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

@Override
public Object getItem(int arg0) {
    return list.get(arg0);
}

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder holder;
    if(convertView==null){
        convertView = View.inflate(context, R.layout.item, null);
        holder = new ViewHolder();
        holder.tv1 = (TextView) convertView.findViewById(R.id.tv1);
        holder.right_tv = (TextView) convertView.findViewById(R.id.right_tv);
        holder.rl1 = (RelativeLayout) convertView.findViewById(R.id.rl1);
        convertView.setTag(holder);
    }else{
        holder = (ViewHolder) convertView.getTag();
    }

    if (clickStatus==position) {
    holder.tv1.setText(list.get(position).get("1"));
    holder.tv1.setTextColor(Color.rgb(221,84,102));
    holder.right_tv.setBackgroundColor(Color.rgb(244,245,247));
    holder.rl1.setBackgroundColor(Color.rgb(244,245,247));
    }else{
        holder.tv1.setText(list.get(position).get("1"));
        holder.tv1.setTextColor(Color.rgb(29,29,29));
        holder.right_tv.setBackgroundColor(Color.rgb(230,230,230));
        holder.rl1.setBackgroundColor(Color.rgb(255,255,255));
    }
    return convertView;
}

class ViewHolder{
    TextView tv1;
    TextView right_tv;
    RelativeLayout rl1;
}
           

}

//main檔案

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:background="#f4f5f7"
    android:layout_height="match_parent" >

    <ListView 
        android:id="@+id/listview"
        android:layout_width="85dp"
        android:layout_height="match_parent"
        android:background="@null"
        android:divider="@null"
        android:scrollbars="@null"
        ></ListView>


</RelativeLayout>
           

//item布局

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

    <RelativeLayout 
        android:id="@+id/rl1"
        android:layout_width="85dp"
        android:layout_height="60dp"
        android:background="#ffffff"
        >

        <TextView 
            android:id="@+id/tv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="品牌男裝"
            android:textColor="#1d1d1d"
            android:textSize="12sp"
            />

        <TextView 
            android:layout_width="match_parent"
            android:layout_height="0.5dp"
            android:background="#e6e6e6"
            />
        <TextView 
            android:layout_width="match_parent"
            android:layout_height="0.5dp"
            android:background="#e6e6e6"
            android:layout_alignParentBottom="true"
            />

        <TextView 
            android:id="@+id/right_tv"
            android:layout_width="1.0dp"
            android:layout_height="match_parent"
            android:background="#e6e6e6"
            android:layout_alignParentRight="true"
            />

    </RelativeLayout>


</RelativeLayout>
           

//自測有個小瑕疵,就是從下往上速率會有點快,不知是否是測試機的原因.

//就是這麼多,我是安卓一年新人,很開心和大家分享,如果有更好的意見和意見可以一起交流