Android之粗仿微信6.0——微信分界面

上一篇主界面我们弄好了,四个分界面还是空空如也。这里就加上四个简单的分界面。

一、设计

     微信分界面,有微信、通讯录、发现、我四个频道,这里我们全部采用ListView的方式来实现。

     先看一下最后的效果图:

   

   

二、实施

       四个频道,第一个频道是一种样式、第二个是一种样式、三、四样式是类似的。先看第一频道的实现。

(1)第一频道

        主要在于ListView适配的设置,如下:

package com.example.custom;

import java.util.List;

import com.example.bean.ChatBean;
import com.example.wechat.R;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class MyChatAdapter extends ArrayAdapter<ChatBean>{

	Context context;
	int resource;
	List<ChatBean> objects;
	public MyChatAdapter(Context context, int resource, List<ChatBean> objects) {
		super(context, resource, objects);
        this.context=context;
        this.resource=resource;
        this.objects=objects;
	}
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
        View view;
        ImageView imageView;
        TextView title;
        TextView content;
        TextView time;
        
        if(convertView!=null){
        	view=convertView;
        }
        else {
			view=LayoutInflater.from(context).inflate(resource, null);
		}
        imageView=(ImageView)view.findViewById(R.id.item_img);
        title=(TextView)view.findViewById(R.id.item_title);
        content=(TextView)view.findViewById(R.id.item_content);
        time=(TextView)view.findViewById(R.id.item_time);
        imageView.setImageResource(objects.get(position).getResourceId());
        title.setText(objects.get(position).getTitle());
        content.setText(objects.get(position).getContent());
        time.setText(objects.get(position).getTime());
        
		return view;
	}
    
}
适配的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="horizontal" >
    
    <ImageView 
        android:id="@+id/item_img"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:src="@drawable/default_useravatar"
        />
    
    <LinearLayout 
        android:id="@+id/item_layout"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_weight="4"
        android:orientation="vertical"
        >
        <TextView
            android:id="@+id/item_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="12dp"
            android:text="霸先公"
            android:singleLine="true"
            android:textColor="#353535"
            android:textSize="16sp" 
            
            />
        <TextView
            android:id="@+id/item_content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:singleLine="true"
            android:ellipsize="end"
            android:text="我是怒苍山秦霸先!"
            android:textColor="#AAAAAA"
            android:textSize="14sp" 
            />
    </LinearLayout>

    <TextView 
        android:id="@+id/item_time"
        android:layout_weight="1"
             android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="12dp"
            android:gravity="center"
              android:textColor="#AAAAAA"
            android:textSize="12sp" 
            android:text="昨天"
        />
</LinearLayout>
之后,在对应的fragment中添加代码即可:

package com.example.wechat;

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

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import com.example.bean.ChatBean;
import com.example.custom.MyChatAdapter;


public class Fragment1 extends Fragment{

    private ListView mListView;
    private View view;
    private ArrayAdapter<ChatBean> adapter;
    private List<ChatBean> objects;
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
		 view= inflater.inflate(R.layout.fragment_1, container, false);
		return view;
	}

	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		super.onActivityCreated(savedInstanceState);
		mListView=(ListView)view.findViewById(R.id.myListView);
		objects=new ArrayList<ChatBean>();
		ChatBean chatBean=new ChatBean();
		chatBean.setResourceId(R.drawable.default_useravatar);
		chatBean.setTitle("秦霸先");
		chatBean.setContent("我是怒苍山主");
		chatBean.setTime("昨天");
		objects.add(chatBean);
		 
			chatBean=new ChatBean();
			chatBean.setResourceId(R.drawable.default_useravatar);
			chatBean.setTitle("石刚");
			chatBean.setContent("我是怒苍山五虎上将气冲塞北石刚");
			chatBean.setTime("昨天");
			objects.add(chatBean);
			
			chatBean=new ChatBean();
			chatBean.setResourceId(R.drawable.default_useravatar);
			chatBean.setTitle("韩毅");
			chatBean.setContent("我是怒苍山五虎上将小吕布韩毅");
			chatBean.setTime("昨天");
			objects.add(chatBean);
			
		adapter=new MyChatAdapter(getActivity(), R.layout.item_chat, objects);
		mListView.setAdapter(adapter);
	}
      
	
}
至此,第一频道完成。

(2)第二频道

这个频道比较麻烦一些,因为这里有一个类似电话本的分组,以及界面往上滑动时,有首字母碰撞覆盖的效果。

这里就用到SectionIndexer接口用于分组索引,AlphabetIndexer是SectionIndexer的实现,在代码中会用到。

代码如下:

package com.example.wechat;

import java.util.ArrayList;
import java.util.Collections;
import java.util.Comparator;
import java.util.List;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.view.ViewGroup.MarginLayoutParams;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.AlphabetIndexer;
import android.widget.ArrayAdapter;
import android.widget.ImageButton;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.example.bean.UserBean;
import com.example.custom.MyConnectAdapter;
import com.example.custom.MyCursor;


public class Fragment2 extends Fragment{

	LinearLayout titleLayout;
	TextView title;
	ListView mListView;
	//适配
	ArrayAdapter<UserBean> mAdapter;
	//分组
	AlphabetIndexer alphabetIndexer;
	//分组标签
	String alphabet="ABCDEFGHIGKLMNOPQRSTUVWXYZ#";
	int lastFirstVisibleItem=-1;
	ImageButton alphabetButton;
	RelativeLayout sectionToastLayout;
	TextView sectionToastText;
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View view= getLayoutInflater(savedInstanceState).inflate(R.layout.fragment_2, container, false);
		titleLayout=(LinearLayout)view.findViewById(R.id.title_layout);
		titleLayout.bringToFront();
		title=(TextView)view.findViewById(R.id.title);
		mListView=(ListView)view.findViewById(R.id.contectListView);
		
		alphabetButton=(ImageButton)view.findViewById(R.id.az);
		sectionToastLayout=(RelativeLayout)view.findViewById(R.id.az_toast_layout);
		sectionToastText=(TextView)view.findViewById(R.id.az_toast);
		return view;
	}

	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		super.onActivityCreated(savedInstanceState);
		//构造数据源
		List<UserBean> listUserBeans=new ArrayList<UserBean>();
		UserBean userBean=new UserBean();
		userBean.setImageId(R.drawable.default_useravatar);
		userBean.setSort("B");
		userBean.setUser("Boll");
		listUserBeans.add(userBean);
		
		 userBean=new UserBean();
			userBean.setImageId(R.drawable.default_useravatar);
			userBean.setSort("A");
			userBean.setUser("Allen");
			listUserBeans.add(userBean);
		
			userBean=new UserBean();
			userBean.setImageId(R.drawable.default_useravatar);
			userBean.setSort("Z");
			userBean.setUser("Zippo");
			listUserBeans.add(userBean);
			userBean=new UserBean();
			userBean.setImageId(R.drawable.default_useravatar);
			
			userBean.setSort("D");
			userBean.setUser("Dippo");
			listUserBeans.add(userBean);
			userBean=new UserBean();
			userBean.setImageId(R.drawable.default_useravatar);
			userBean.setSort("E");
			userBean.setUser("Eippo");
			listUserBeans.add(userBean);
			userBean=new UserBean();
			userBean.setImageId(R.drawable.default_useravatar);
			userBean.setSort("F");
			userBean.setUser("Fippo");
			listUserBeans.add(userBean);
			userBean=new UserBean();
			userBean.setImageId(R.drawable.default_useravatar);
			userBean.setSort("O");
			userBean.setUser("Oippo");
			listUserBeans.add(userBean);
			userBean=new UserBean();
			userBean.setImageId(R.drawable.default_useravatar);
			userBean.setSort("I");
			userBean.setUser("Iippo");
			listUserBeans.add(userBean);
			userBean=new UserBean();
			userBean.setImageId(R.drawable.default_useravatar);
			userBean.setSort("X");
			userBean.setUser("Xippo");
			listUserBeans.add(userBean);
			userBean=new UserBean();
			userBean.setImageId(R.drawable.default_useravatar);
			userBean.setSort("X");
			userBean.setUser("Xypo");
			listUserBeans.add(userBean);
			userBean=new UserBean();
			userBean.setImageId(R.drawable.default_useravatar);
			userBean.setSort("Z");
			userBean.setUser("Zippt");
			listUserBeans.add(userBean);
		
	    //对数据源进行排序
        Collections.sort(listUserBeans,new Comparator<UserBean>() {
			@Override
			public int compare(UserBean lhs, UserBean rhs) {
				return lhs.getSort().compareTo(rhs.getSort());
			}
		});
        //实例化一个alphabetIndexer类,用于分组
		alphabetIndexer=new AlphabetIndexer(new MyCursor(listUserBeans), 1, alphabet);
		//ListView的适配	
		mAdapter=new MyConnectAdapter(getActivity(), R.layout.item_connect, listUserBeans, alphabetIndexer);
		mListView.setAdapter(mAdapter);
		//设置侧边A-Z滑动效果
		setAlpabetListener();
		//设置首字母碰撞覆盖效果
		mListView.setOnScrollListener(new OnScrollListener() {
			
			@Override
			public void onScrollStateChanged(AbsListView view, int scrollState) {
				
			}
			
			@Override
			public void onScroll(AbsListView view, int firstVisibleItem,int visibleItemCount, int totalItemCount) {
				//设置首字母碰撞覆盖效果具体代码
				int section = alphabetIndexer.getSectionForPosition(firstVisibleItem);  
                int nextSecPosition = alphabetIndexer.getPositionForSection(section + 1);  
                if (firstVisibleItem != lastFirstVisibleItem) {  
                    MarginLayoutParams params = (MarginLayoutParams) titleLayout.getLayoutParams();  
                    params.topMargin = 0;  
                    titleLayout.setLayoutParams(params);  
                    title.setText(String.valueOf(alphabet.charAt(section)));  
                }  
                if (nextSecPosition == firstVisibleItem + 1) {  
                    View childView = view.getChildAt(0);  
                    if (childView != null) {  
                        int titleHeight = titleLayout.getHeight();  
                        int bottom = childView.getBottom();  
                        MarginLayoutParams params = (MarginLayoutParams) titleLayout  
                                .getLayoutParams();  
                        if (bottom < titleHeight) {  
                            float pushedDistance = bottom - titleHeight;  
                            params.topMargin = (int) pushedDistance;  
                            titleLayout.setLayoutParams(params);  
                        } else {  
                            if (params.topMargin != 0) {  
                                params.topMargin = 0;  
                                titleLayout.setLayoutParams(params);  
                            }  
                        }  
                    }  
                }  
                lastFirstVisibleItem = firstVisibleItem;  
			}
		});
	}
      
	private void setAlpabetListener() {
		alphabetButton.setOnTouchListener(new OnTouchListener() {
			@Override
			public boolean onTouch(View v, MotionEvent event) {
				float alphabetHeight = alphabetButton.getHeight();
				float y = event.getY();
				int sectionPosition = (int) ((y / alphabetHeight) / (1f / 27f));
				if (sectionPosition < 0) {
					sectionPosition = 0;
				} else if (sectionPosition > 26) {
					sectionPosition = 26;
				}
				String sectionLetter = String.valueOf(alphabet.charAt(sectionPosition));
				int position = alphabetIndexer.getPositionForSection(sectionPosition);
				switch (event.getAction()) {
				case MotionEvent.ACTION_DOWN:
					alphabetButton.setBackgroundResource(R.drawable.a_z_click);
					sectionToastLayout.setVisibility(View.VISIBLE);
					sectionToastText.setText(sectionLetter);
					mListView.setSelection(position);
					break;
				case MotionEvent.ACTION_MOVE:
					sectionToastText.setText(sectionLetter);
					mListView.setSelection(position);
					break;
				default:
					alphabetButton.setBackgroundResource(R.drawable.a_z);
					sectionToastLayout.setVisibility(View.GONE);
				}
				return true;
			}

		});
	}
}
适配代码:

package com.example.custom;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.SectionIndexer;
import android.widget.TextView;

import com.example.bean.UserBean;
import com.example.wechat.R;

public class MyConnectAdapter extends ArrayAdapter<UserBean>{

	Context context;
	int resource;
	List<UserBean> objects;
	SectionIndexer sectionIndexer;
	public MyConnectAdapter(Context context, int resource,List<UserBean> objects,SectionIndexer sectionIndexer) {
		super(context, resource, objects);
		this.context=context;
		this.resource=resource;
		this.objects=objects;
		this.sectionIndexer=sectionIndexer;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {

		View view;
		LinearLayout keyLayout;
		TextView keyTextView;
		ImageView valueImageView;
		TextView valueTextView;
		if(convertView!=null){
			view=convertView;
		}else {
			view=LayoutInflater.from(context).inflate(R.layout.item_connect, null);
		}
		keyLayout=(LinearLayout)view.findViewById(R.id.key_layout);
		keyTextView=(TextView)view.findViewById(R.id.key);
		valueImageView=(ImageView)view.findViewById(R.id.valueImg);
		valueTextView=(TextView)view.findViewById(R.id.value);
		
		valueImageView.setImageResource(objects.get(position).getImageId());
		valueTextView.setText(objects.get(position).getUser());
		//分组,顶部标签显示控制
		int secIndex=sectionIndexer.getSectionForPosition(position);
		if(position==sectionIndexer.getPositionForSection(secIndex)){
			keyLayout.setVisibility(View.VISIBLE);
			keyTextView.setText(objects.get(position).getSort());
		}else {
			keyLayout.setVisibility(View.GONE);
		}
		return view;
	}


}
因为代码中分组实现需要一个游标cursor,因此我们还需要自定义一个cursor,如下:

package com.example.custom;

import java.util.List;

import android.content.ContentResolver;
import android.database.CharArrayBuffer;
import android.database.ContentObserver;
import android.database.Cursor;
import android.database.DataSetObserver;
import android.net.Uri;
import android.os.Bundle;

import com.example.bean.UserBean;

public class MyCursor implements Cursor{

	List<UserBean> list;
	int position;
	public MyCursor(List<UserBean> list){
		this.list=list;
	}
	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return list.size();
	}
	
	@Override
	public String getString(int columnIndex) {
		// TODO Auto-generated method stub
		return list.get(position).getSort();
	}
	
	@Override
	public boolean moveToPosition(int position) {
		 if(position<-1||position>getCount()){
             return false;
         }
          
         this.position = position;
		return true;
	}
	@Override
	public boolean moveToNext() {
		// TODO Auto-generated method stub
		return false;
	}
	
	@Override
	public void close() {
		
	}

	@Override
	public void copyStringToBuffer(int columnIndex, CharArrayBuffer buffer) {
		// TODO Auto-generated method stub
		
	}

	@Override
	@Deprecated
	public void deactivate() {
		// TODO Auto-generated method stub
		
	}

	@Override
	public byte[] getBlob(int columnIndex) {
		// TODO Auto-generated method stub
		return null;
	}

	@Override
	public int getColumnCount() {
		// TODO Auto-generated method stub
		return 0;
	}

	@Override
	public int getColumnIndex(String columnName) {
		// TODO Auto-generated method stub
		return 0;
	}

	@Override
	public int getColumnIndexOrThrow(String columnName)
			throws IllegalArgumentException {
		// TODO Auto-generated method stub
		return 0;
	}

	@Override
	public String getColumnName(int columnIndex) {
		// TODO Auto-generated method stub
		return null;
	}

	@Override
	public String[] getColumnNames() {
		// TODO Auto-generated method stub
		return null;
	}



	@Override
	public double getDouble(int columnIndex) {
		// TODO Auto-generated method stub
		return 0;
	}

	@Override
	public Bundle getExtras() {
		// TODO Auto-generated method stub
		return null;
	}

	@Override
	public float getFloat(int columnIndex) {
		// TODO Auto-generated method stub
		return 0;
	}

	@Override
	public int getInt(int columnIndex) {
		// TODO Auto-generated method stub
		return 0;
	}

	@Override
	public long getLong(int columnIndex) {
		// TODO Auto-generated method stub
		return 0;
	}

	@Override
	public Uri getNotificationUri() {
		// TODO Auto-generated method stub
		return null;
	}

	@Override
	public int getPosition() {
		// TODO Auto-generated method stub
		return 0;
	}

	@Override
	public short getShort(int columnIndex) {
		// TODO Auto-generated method stub
		return 0;
	}


	@Override
	public int getType(int columnIndex) {
		// TODO Auto-generated method stub
		return 0;
	}

	@Override
	public boolean getWantsAllOnMoveCalls() {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean isAfterLast() {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean isBeforeFirst() {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean isClosed() {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean isFirst() {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean isLast() {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean isNull(int columnIndex) {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean move(int offset) {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean moveToFirst() {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean moveToLast() {
		// TODO Auto-generated method stub
		return false;
	}



	@Override
	public boolean moveToPrevious() {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public void registerContentObserver(ContentObserver observer) {
		// TODO Auto-generated method stub
		
	}

	@Override
	public void registerDataSetObserver(DataSetObserver observer) {
		// TODO Auto-generated method stub
		
	}

	@Override
	@Deprecated
	public boolean requery() {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public Bundle respond(Bundle extras) {
		// TODO Auto-generated method stub
		return null;
	}

	@Override
	public void setNotificationUri(ContentResolver cr, Uri uri) {
		// TODO Auto-generated method stub
		
	}

	@Override
	public void unregisterContentObserver(ContentObserver observer) {
		// TODO Auto-generated method stub
		
	}

	@Override
	public void unregisterDataSetObserver(DataSetObserver observer) {
		// TODO Auto-generated method stub
		
	}
	
}

最后,附上第二频道的配置xml:

<?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"
    android:orientation="vertical"
    >

    <LinearLayout
        android:id="@+id/title_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"  
        android:fadingEdge="none"
        android:background="#F0F0F0"
        >
        
        <TextView
            android:id="@+id/title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
             android:layout_marginLeft="10dip"
             android:textColor="@android:color/black"
            />
    </LinearLayout>
    
    <ListView 
        android:id="@+id/contectListView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
         android:layout_alignParentTop="true"  
         android:fadingEdge="none" 
        />
    <ImageButton 
        android:id="@+id/az"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"
        android:background="@drawable/a_z"
        />
    
    <RelativeLayout 
        android:id="@+id/az_toast_layout"
        android:layout_width="50dip"
        android:layout_height="50dip"
        android:layout_centerInParent="true"
        android:background="@drawable/section_toast"
        android:visibility="gone"
        >
         <TextView
            android:id="@+id/az_toast"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
             android:layout_centerInParent="true"
             android:textColor="@android:color/white"
            />
    </RelativeLayout>
    
</RelativeLayout>
自此,第二频道结束。

(3)第三频道

这个频道没有其他操作,主要是做一个ListView的适配器,适配即可。

适配的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" >
    
    <LinearLayout
        android:id="@+id/find_distance"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:background="#DBDBDB"
        android:orientation="vertical"
        android:visibility="gone"
        />
    
     <LinearLayout 
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:background="#F5FFFA"
         android:orientation="horizontal"
         >
         <ImageView android:id="@+id/find_left_icon"
                                 android:layout_weight="1" 
                                 android:layout_width="0dp"
                                 android:layout_height="wrap_content"
                                 android:layout_marginLeft="10dp"
                                 android:padding="10dp"
                                 android:scaleType="fitCenter"
                                 android:src="@drawable/default_useravatar"></ImageView>
         
         <TextView android:id="@+id/find_text" 
              					android:layout_weight="4" 
                               android:layout_width="0dp"
                                 android:layout_height="wrap_content"
                                 android:layout_gravity="center_vertical"
                                  android:layout_marginLeft="10dp"
                                 android:text="朋友圈"/>
         
          <ImageView android:id="@+id/find_right_icon" 
              					android:layout_weight="1" 
                                 android:layout_width="0dp"
                                 android:layout_height="wrap_content"
                                  android:layout_marginRight="10dp"
                                   android:scaleType="fitCenter"
                                   android:padding="10dp"
                                 android:src="@drawable/default_useravatar"
                                 android:visibility="gone"></ImageView>"
     </LinearLayout>

</LinearLayout>

第三频道代码:

package com.example.wechat;

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

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import com.example.bean.FindBean;
import com.example.custom.MyFindAdapter;


public class Fragment3 extends Fragment{

	ListView findListView;
	ArrayAdapter<FindBean> adapter;
	
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View view= getLayoutInflater(savedInstanceState).inflate(R.layout.fragment_3, container, false);
		findListView=(ListView)view.findViewById(R.id.find_listview);
		return view;
	}

	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		super.onActivityCreated(savedInstanceState);
		List<FindBean> lists=new ArrayList<FindBean>();
		FindBean findBean=new FindBean();
		findBean.setDistanceShow(true);
		findBean.setIsrightImgShow(true);
		findBean.setLeftImgId(R.drawable.find_friends);
		findBean.setRightImgId(R.drawable.find_right);
		findBean.setTitle("朋友圈");
		lists.add(findBean);
		
		 findBean=new FindBean();
			findBean.setDistanceShow(true);
			findBean.setIsrightImgShow(false);
			findBean.setLeftImgId(R.drawable.find_erweima);
			findBean.setTitle("扫一扫");
			lists.add(findBean);
			
			 findBean=new FindBean();
				findBean.setDistanceShow(false);
				findBean.setIsrightImgShow(false);
				findBean.setLeftImgId(R.drawable.find_yaoyiyao);
				findBean.setTitle("摇一摇");
				lists.add(findBean);
				
				 findBean=new FindBean();
					findBean.setDistanceShow(true);
					findBean.setIsrightImgShow(false);
					findBean.setLeftImgId(R.drawable.find_fujin);
					findBean.setTitle("附近的人");
					lists.add(findBean);
					
					findBean=new FindBean();
					findBean.setDistanceShow(true);
					findBean.setIsrightImgShow(false);
					findBean.setLeftImgId(R.drawable.find_gouwu);
					findBean.setTitle("购物");
					lists.add(findBean);
					
					findBean=new FindBean();
					findBean.setDistanceShow(false);
					findBean.setIsrightImgShow(false);
					findBean.setLeftImgId(R.drawable.find_youxi);
					findBean.setTitle("游戏");
					lists.add(findBean);
		
		adapter=new MyFindAdapter(getActivity(), R.layout.item_find, lists);
		findListView.setAdapter(adapter);
	
	}
      
      
}
(4)第四频道同上。

至此,分界面设计执行结束。

三、源码

 http://download.csdn.net/detail/yangzhaomuma/9553259








猜你喜欢

转载自blog.csdn.net/yangzhaomuma/article/details/51706088
今日推荐