`
hao3100590
  • 浏览: 131777 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

实现ListView的条目下自动隐藏显示Button的方法

AndroidXMLMVC工作Blog 
阅读更多

这个想法是我在看了sina微博的塞班客户端的微博显示效果而想移植到Android平台上，因为它的体验很好，而我们做的效果就是要方便，要用户有很好的体验，但是可惜的是在sina官方的Android客户端没有实现这种效果！

废话少说先贴图，看效果：

1。没有点击ListView之前


2。点击之后弹出四个Button



 
 3。当点收起的时候又回到1的状态

当然这个只是刚做出来的效果，界面还没有具体的美化，所以看起来还勉强，呵呵！

追求完美，还需要很多的工作，废话少说，代码+讲解如下：

 

我之前从来没有做过这种的效果，出发点也不知道，跟大多数的人一样，沉思！

但是之后baidu+google，一遍不行再来，反复的找，但是也没找到解决的办法，目前还没有做这种的效果

莫得办法，自谋出路！ok

 

第一步：找高人博客（就看关于ListView的介绍）

我们看的不是别人怎么写出来的代码，看的是思想，人家是怎么考虑的，我看过的如下：

http://blog.csdn.net/flowingflying/archive/2011/03/28/6283942.aspx

http://blog.csdn.net/flowingflying/archive/2011/03/29/6286767.aspx

http://blog.csdn.net/flowingflying/archive/2011/03/31/6292017.aspx

这位对ListView的研究很深啊！上面三篇都是，逐步深入，对于初学者绝对是推荐

看了你就爱上他吧！总之一句话！我的神啊！哈哈哈

好了看到这儿，我想你的第一步就是因该马上收藏哥的这篇博客，赶紧看他的吧！他才是哥的灵感，然后再看我的blog

我想这才会理解，我为什么会这么做！ok！just do it！

 

下面是我看了后的感觉：吸取到的精华就是：

1.MVC模式：初学者不知者无罪，但是要知道M V C 三个代表什么，那部分代码因该是那部分的实现。

2.设计自己的ListView的关键是什么：我告诉你，是ListView和数据的桥梁Adapter，不管是什么BaseAdapter,SimpleAdapter一样，莫得区别了。

3.你需要知道Adapter的每个函数是怎么工作的，譬如说在调用getView之前你知道它会干什么吗？调用getCount？为什么会调用getCount呢？我说为什么不呢？因为偶去测试了，它就去先去调用了getCount，不会又神来告诉你了！需要你自己去do！不如你去试试吧，把它的返回值设为0，你放心你的getView不灵光了！呵呵

4.在Adapter中最重要的是什么？想想吧！告诉你是getView，然后它是怎么工作的？调用的机制是什么？怎么调用的？

它是一行行绘制，还是一下子搞完？ok？do it！

 

好了，还有许多就不一一列举，希望你看了这些也能获得这些知识，一个字悟道吧！就是这么出来的！不知道的可以交流，呵呵

 

第二步：编码

1.布局文件list.xml

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <LinearLayout
    	android:id="@+id/mainlayout"
    	android:orientation="horizontal"
    	android:layout_width="fill_parent"
    	android:layout_height="wrap_content">
		<LinearLayout
			android:id="@+id/layout1"
			android:orientation="horizontal"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content">
			<ImageView
				android:id="@+id/wbIcon"
				android:src="@drawable/sina"
				android:layout_width="50dip"
				android:layout_height="50dip"
				android:layout_marginLeft="5dip"
				android:layout_marginTop="5dip"
				android:layout_marginRight="5dip"
				android:adjustViewBounds="true">
			</ImageView>
		</LinearLayout>
		<LinearLayout
			android:id="@+id/layout2"
			android:orientation="vertical"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_toRightOf="@+id/layout1"
			android:layout_alignParentRight="true">
			<RelativeLayout
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_alignParentRight="true">
				<TextView
					android:id="@+id/wbUser"
					android:text="username"
					android:textColor="#FF0000"
					android:textSize="15dip"
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:paddingLeft="5dip">
				</TextView>
				<TextView
					android:id="@+id/wbTime"
					android:text="updatetime"
					android:textColor="#FF666666"
					android:textSize="14dip"
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:paddingRight="5dip"
					android:layout_alignBottom="@+id/wbUser"
					android:layout_alignParentRight="true">
				</TextView>
				<TextView 
					android:id="@+id/wbText" 
					android:layout_height="wrap_content" 
					android:layout_width="fill_parent"
					android:textSize="14dip"
					android:text="the comment fill with it iii\niiiiiiiiiiiiiijkkkkkkkkkkkkkkkkkkkkkkkkk" 
					android:textColor="#424952"
					android:layout_below="@+id/wbUser"
					android:layout_alignParentLeft="true">
				</TextView>
				<LinearLayout
					android:orientation="vertical"
					android:layout_below="@+id/wbText"
					android:layout_width="fill_parent"
					android:layout_height="wrap_content">
					<TextView
						android:id="@+id/wbCommentText" 
						android:layout_height="wrap_content"
						android:layout_width="fill_parent"
						android:textSize="14dip"
						android:textColor="#424952"
						android:background="#CDC9A5"
						android:text="uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu">
					</TextView>
					<ImageView
						android:id="@+id/wbImage"
						android:src="@drawable/sina"
						android:adjustViewBounds="true"
						android:layout_gravity="center_horizontal"
						android:layout_height="wrap_content"
						android:layout_width="wrap_content"
						android:layout_marginTop="3dip">
					</ImageView>
				</LinearLayout>
			</RelativeLayout>
		</LinearLayout>
	</LinearLayout>
</RelativeLayout>
 

 

当然我这个布局做的不好，效率比较低，由于时间仓促没有修改，希望大家自己完成，代码优化是很重要的，原则就一个，尽量有少的layout实现该有的效果！

不知道发现没有：如果直接想的话，我们可能直接会说：那四个键直接写在List中嘛！当然我也试过，但是效果很差，而且一旦list条数过多就出现你都想吐的感觉！my god！怎么会这样！但是事实就是这样！不过你也可以尝试，只要去尝试总会成功的！相信自己，只不过我想到了一个更好的方法去做！效果更好而已！

 

我曾尝试过三个个方案

第一：折中方案，不在每个List的下面显示，而是都显示在最下面，但是可能会覆盖下面的菜单栏，故而舍弃，不过比上面简单的多，贴上xml

list.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout  xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <!-- 
    <LinearLayout
    	android:id="@+id/buttonlayout"
		android:orientation="horizontal"
		android:paddingLeft="12dip"
		android:background="#EED8AE"
		android:layout_alignParentBottom="true"
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		style="@android:style/ButtonBar">
			<Button
				android:id="@+id/wbTransmit"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:layout_weight="1"
				android:layout_alignParentBottom="true"
				android:visibility="gone"
				android:text="转发">
			</Button>
			<Button
				android:id="@+id/wbComment"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:layout_weight="1"
				android:layout_alignParentBottom="true"
				android:visibility="gone"
				android:text="评论">
			</Button>
			<Button
				android:id="@+id/wbRetract"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:layout_weight="1"
				android:layout_alignParentBottom="true"
				android:visibility="gone"
				android:text="收起">
			</Button>
			<Button
				android:id="@+id/wbWatchComment"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:layout_weight="1"
				android:layout_alignParentBottom="true"
				android:visibility="gone"
				android:text="看评论">
			</Button>
	</LinearLayout>
	 -->
    <ListView
    	android:id="@id/android:list"
    	android:divider="#EEB422"
    	android:dividerHeight="3dip"
    	android:fadeScrollbars="true"
    	android:fastScrollEnabled="true"
    	android:background="@layout/list_corner"
    	android:layout_width="fill_parent"
    	android:layout_height="fill_parent">
    </ListView>
</RelativeLayout>

 

 注：在代码中的注释部分即是，他能够做出这种效果，但是在其中有许多的细节需要注意的，最外层需要RelativeLayout，其次list需要在Button之上，不能覆盖list，但是我做出来之后出现了一件诡异的事，list条目乱跳，很纠结。

 

方案二：直接将button放在list.xml中，作为list的一部分，并且隐藏，当点击list的时候显示list.xml如下：

list.xml

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent">
	<LinearLayout
		android:id="@+id/layout01"
		android:layout_width="fill_parent"
		android:layout_height="wrap_content">
		<RelativeLayout
			android:id="@+id/relativelayout"
		    android:orientation="vertical"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:paddingLeft="12dip"
		    android:paddingBottom="4dip"
		    >    
		    <ImageView
		    	android:id="@+id/itemImage"
		    	android:layout_margin="5dip"
		    	android:src="@drawable/icon"
		    	android:layout_width="wrap_content"
		    	android:layout_height="wrap_content"/>
		    <LinearLayout
		    	android:id="@+id/layout2"
		    	android:orientation="vertical"
		    	android:layout_toRightOf="@+id/itemImage"
		    	android:layout_width="wrap_content"
		    	android:layout_height="wrap_content">
				<TextView  
					android:id="@+id/itemTitle"
		    		android:layout_width="fill_parent" 
		    		android:layout_height="wrap_content" 
		    		android:text="1111111111"
		    		android:textSize="20dip"/>
		   		<TextView
		    		android:id="@+id/itemText"
		  	  		android:layout_width="fill_parent" 
		    		android:layout_height="wrap_content"
		    		android:text="2222222222" 
		    		android:textSize="17dip"/>
		   	</LinearLayout>
		</RelativeLayout>
	</LinearLayout>
<!-- 	
	<RelativeLayout
		android:layout_below="@+id/layout01"
		android:orientation="vertical"
		android:paddingLeft="12dip"
		android:background="#EED8AE"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content">
			<Button
				android:id="@+id/wbTransmit"
				android:focusable="false"
		    	android:focusableInTouchMode="false"
		    	android:clickable="false"
				android:layout_marginLeft="5dip"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:visibility="gone"
				android:text="转发">
			</Button>
			<Button
				android:id="@+id/wbComment"
				android:focusable="false"
		    	android:focusableInTouchMode="false"
		    	android:clickable="false"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:layout_marginLeft="28dip"
				android:layout_toRightOf="@+id/wbTransmit"
				android:layout_alignTop="@+id/wbTransmit"
				android:visibility="gone"
				android:text="评论">
			</Button>
			<Button
				android:id="@+id/wbRetract"
				android:focusable="false"
		    	android:focusableInTouchMode="false"
		    	android:clickable="false"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:layout_marginLeft="28dip"
				android:layout_toRightOf="@+id/wbComment"
				android:layout_alignTop="@+id/wbTransmit"
				android:visibility="gone"
				android:text="收起">
			</Button>
			<Button
				android:id="@+id/wbWatchComment"
				android:focusable="false"
		    	android:focusableInTouchMode="false"
		    	android:clickable="false"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:layout_alignParentRight="true"
				android:layout_alignTop="@+id/wbTransmit"
				android:visibility="gone"
				android:text="看评论">
			</Button>

	</RelativeLayout>
-->	
</LinearLayout>

 注：android:focusableInTouchMode="false" android:focusable="false" android:clickable="false"这三个是关键，一开始它是不显示的，

当点击list的时候显示，需要在点击事件中去做。但是结果是，点击后效果是出来了，但是每次四个button都出现在最后，而不是

list的下面，最后我分析，是由于getview，我们需要重写这个方法。其关键就是需要理解getView的工作机制。

 

第三步：重写BaseAdapter函数

这个是最关键的东西，代码如下：

BaseAdapter.java

package com.woclub.utils;

import java.util.List;

import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.text.Spannable;
import android.text.SpannableStringBuilder;
import android.text.style.ForegroundColorSpan;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.woclub.beans.WeiboHolder;
import com.woclub.beans.WeiboInfo;
import com.woclub.utils.AsyncImageLoader.ImageCallback;
import com.woclub.weibo.R;


public class MyBaseAdapter extends BaseAdapter{

	private List<WeiboInfo> wbList;
	private LayoutInflater mInflater;
	private AsyncImageLoader asyncImageLoader;
	private Context mContext;
	private WeiboHolder holder = null;
	private int SelectListItem = 0;
	
	public MyBaseAdapter(Context context, List<WeiboInfo> mData)
	{
		this.mInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		this.wbList = mData;
		mContext = context;
	}
	

//	private AsyncImageLoader asyncImageLoader;
	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return wbList.size();
	}

	@Override
	public Object getItem(int position) {
		// TODO Auto-generated method stub
		return wbList.get(position);
	}

	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		if (position < 0 || wbList.size() <= 0)
            return null;
		View row = convertView;
		LinearLayout layout = new LinearLayout(mContext);
        layout.setOrientation(LinearLayout.VERTICAL);
        
		if(convertView == null)
		{
			//一行行的加载list
			layout.addView(addListView(position, row));
		}
		else
		{
			holder = (WeiboHolder)row.getTag();
			//这是增加四个Button控件
			layout.addView(addListView(position, row));
			int ID = this.getSelectListItem();
			//如果选择的行是当前正重新刷新(即当前载入的行)时，我们在下面加入四个button
	        if(ID==position){
	        	layout.addView(addButtonView());
	        }
		}
		return layout;
	}


	/**
	 * 设置text中显示的格式
	 * @param wbText TextView
	 * @param string 开始的字符
	 * @param string2 结束字符
	 */
	private void textHighlight(TextView textView,String start,String end){
		Spannable sp = (Spannable) textView.getText();
		String text = textView.getText().toString();
		int n = 0;
		int s = -1;
		int e = -1;
		while (n < text.length()) {
			s = text.indexOf(start, n);
			if (s != -1) {
				e = text.indexOf(end, s + start.length());
				if (e != -1) {
					e = e + end.length();
				} else {
					e = text.length();
				}
				n = e;
				sp.setSpan(new ForegroundColorSpan(Color.BLUE), s, e,
						Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
				s = e = -1;
			} else {
				n = text.length();
			}
		}
		}
	
	public void setSelectListItem(int position)
	{
		this.SelectListItem = position;
	}
	public int getSelectListItem()
	{
		return this.SelectListItem;
	}
	
	/**
	 * 这个函数的作用是加载整个List列表
	 * 是一行行的加载整个list
	 * @param position行list的位置
	 * @return
	 */
	private View addListView(int position, View row)
	{
		asyncImageLoader = new AsyncImageLoader();
		row = mInflater.inflate(R.layout.list, null);
    	//先取的控件
		holder = new WeiboHolder();
		//下面是获取xml中的实例化控件对象
		holder.wbIcon = (ImageView)row.findViewById(R.id.wbIcon);
		holder.wbUser = (TextView)row.findViewById(R.id.wbUser);
		holder.wbTime = (TextView)row.findViewById(R.id.wbTime);
		holder.wbText = (TextView)row.findViewById(R.id.wbText);
		holder.wbCommentText = (TextView)row.findViewById(R.id.wbCommentText);
		holder.wbImage = (ImageView)row.findViewById(R.id.wbImage);
		//Sets the tag associated with this view.这个tags是包含了view里面的控件，但不一定是唯一的
		//即相当于这个view重新获得了一个完整的实例化控件集合(实例由上面四步完成)
		WeiboInfo wb = wbList.get(position);
		if(wb != null)
		{
			row.setTag(wb.getId());
			holder.wbUser.setText(wb.getUserName());
			holder.wbTime.setText(wb.getTime());
			// vw.setText("Italic, highlighted, bold.", TextView.BufferType.SPANNABLE);
			// to force it to use Spannable storage so styles can be attached.
			// Or we could specify that in the XML.
			holder.wbText.setText(wb.getText(), TextView.BufferType.SPANNABLE);
			//设置微博内容的显示格式
			textHighlight(holder.wbText,"#","#");
			textHighlight(holder.wbText,"@",":");
            textHighlight(holder.wbText,"http://"," ");
            
			holder.wbCommentText.setText(wb.getCommentText(),TextView.BufferType.SPANNABLE);
			textHighlight(holder.wbCommentText,"#","#");
			textHighlight(holder.wbCommentText,"@",":");
			//textHighlight2(holder.wbCommentText,new char[]{'#'},new char[]{'#'});
			//textHighlight2(holder.wbCommentText,new char[]{'@'},new char[]{':',' '});
			//载入头像
			Drawable cachedIcon = asyncImageLoader.loadDrawable(wb.getUserIcon(), holder.wbIcon, new ImageCallback() {
				
				@Override
				public void imageLoaded(Drawable imageDrawable, ImageView imageView,
						String imageUrl) {
					// TODO Auto-generated method stub
					imageView.setImageDrawable(imageDrawable);
				}
			});
			if(cachedIcon == null)
			{
				holder.wbIcon.setImageResource(R.drawable.sina);
			}
			else 
			{
				holder.wbIcon.setImageDrawable(cachedIcon);
			}
			
			//载入图片
			if(wb.getImage() != null)
			{
				Drawable cachedImage = asyncImageLoader.loadDrawable(wb.getImage(), holder.wbImage, new ImageCallback() {
					
					@Override
					public void imageLoaded(Drawable imageDrawable, ImageView imageView,
							String imageUrl) {
						// TODO Auto-generated method stub
						imageView.setImageDrawable(imageDrawable);
					}
				});
				if(cachedImage == null)
				{
					holder.wbImage.setImageResource(R.drawable.sina);
				}
				else
				{
					holder.wbImage.setImageDrawable(cachedImage);
				}
			}
			
		}
		row.setTag(holder);
    	return row;
	}
	
	/*
	 * 这个函数的作用是显示List下面的四个Button
	 */
    private View addButtonView()
    {
    	//流式布局放四个button
    	LinearLayout layout = new LinearLayout(mContext);
        layout.setOrientation(LinearLayout.HORIZONTAL);
        layout.setPadding(12, 1, 12, 1);
        layout.setBackgroundColor(android.R.color.darker_gray);
        layout.setGravity(Gravity.CENTER);
        
        final Button bt1 = new Button(mContext);
        bt1.setText("转发");
        bt1.setFocusable(false);
        bt1.setFocusableInTouchMode(false);
        bt1.setClickable(true);
        bt1.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				System.out.println("wbTransmit");
			}
		});
        layout.addView(bt1,
        		new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));
        
        final Button bt2 = new Button(mContext);
        bt2.setText("评论");
        bt2.setFocusable(false);
        bt2.setFocusableInTouchMode(false);
        bt2.setClickable(true);
        bt2.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				System.out.println("wbComment");
			}
		});
        layout.addView(bt2,
        		new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));
        
        final Button bt3 = new Button(mContext);
        bt3.setText("看评论");
        bt3.setFocusable(false);
        bt3.setFocusableInTouchMode(false);
        bt3.setClickable(true);
        bt3.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				System.out.println("wbWatchComment");
			}
		});
        layout.addView(bt3,
        		new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));
        
    	
    	final Button bt4 = new Button(mContext);
        bt4.setText("收起");
        bt4.setFocusable(false);
        bt4.setFocusableInTouchMode(false);
        bt4.setClickable(true);
        bt4.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				System.out.println("wbRetract");
				bt1.setVisibility(View.GONE);
				bt2.setVisibility(View.GONE);
				bt3.setVisibility(View.GONE);
				bt4.setVisibility(View.GONE);
			}
		});
        layout.addView(bt4,
        		new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));
        
    	return layout;
    }

}
 

其中关键的地方是在getView里面，这里我只说几点：

1。addListView(position, row)函数的作用是绘制整个list（没有button），这个是在第一次显示的时候去调用

2。addButtonView()函数的作用是添加点击list之后显示button重写绘制的list

3。图片是从网上获取需要异步加载

4。整个思想是点击list后重写加载list，当然这不是最好的办法，为了效率还需要改进。

MainActivity.java

 

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.ListActivity;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.AdapterView.OnItemLongClickListener;

import com.woclub.beans.WeiboHolder;
import com.woclub.beans.WeiboInfo;
import com.woclub.utils.HttpDownloader;
import com.woclub.utils.MyBaseAdapter;
import com.woclub.utils.MySimpleAdapter;

public class MainActivity extends ListActivity {
	
	private MyBaseAdapter adapter = null;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //requestWindowFeature 要在setContentView之前 
        //getWindow().setFeatureInit最好在setContentView之后 
        requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);// 注意顺序
        setContentView(R.layout.main);
        getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.title);
        
        adapter = new MyBaseAdapter(this, setWeiboList());
        setListAdapter(adapter);
        
        
        //setAdapter(setList());
    }
 
    public List<WeiboInfo> setWeiboList()
    {
    	List<WeiboInfo> list = new ArrayList<WeiboInfo>();
    	WeiboInfo infos = new WeiboInfo();
    	infos.setId("0");
    	infos.setUserId("0");
    	infos.setUserName("弦后");
    	infos.setTime("3小时前");
    	infos.setText("#sina玩玩#昨天刚在@宋丹丹: 微博上看到黄老师的餐厅故事，今天晚餐就巧遇黄老师，不过餐桌上准备好纸巾了http://www.baidu.com");
    	infos.setCommentText("3.參與活動的春采需要統一聽從負責人的安排，不得影響阿嫂及其助理正常工作。轉發@應采儿:官方粉絲團 春春yu動家族");
    	infos.setUserIcon("http://192.168.1.102:8081/image/1.jpg");
    	infos.setImage("http://192.168.1.102:8081/image/2.jpg");
    	list.add(infos);
    	
    	WeiboInfo infos2 = new WeiboInfo();
    	infos2.setId("1");
    	infos2.setUserId("1");
    	infos2.setUserName("弦后");
    	infos2.setTime("1小时前");
    	infos2.setText("#sina玩玩#昨天刚在@宋丹丹:微博上看到黄老师的餐厅故事，今天晚餐就巧遇黄老师，不过餐桌上准备好纸巾了");
    	infos2.setCommentText("@應采儿:參與活動的春采需要統一聽從負責人的安排，不得影響阿嫂及其助理正常工作。轉發@應采儿: 官方粉絲團 春春yu動家族");
    	infos2.setUserIcon("http://192.168.1.102:8081/image/2.jpg");
    	infos2.setImage("http://192.168.1.102:8081/image/2.jpg");
    	list.add(infos2);
    	
    	WeiboInfo infos3 = new WeiboInfo();
    	infos3.setId("2");
    	infos3.setUserId("2");
    	infos3.setUserName("弦后");
    	infos3.setTime("2小时前");
    	infos3.setText("#sina玩玩#昨天刚在@宋丹丹:微博上看到黄老师的餐厅故事，今天晚餐就巧遇黄老师，不过餐桌上准备好纸巾了");
    	infos3.setCommentText("@應采儿:參與活動的春采需要統一聽從負責人的安排，不得影響阿嫂及其助理正常工作。轉發@應采儿: 官方粉絲團 春春yu動家族");
    	infos3.setUserIcon("http://192.168.1.102:8081/image/2.jpg");
    	infos3.setImage("http://192.168.1.102:8081/image/2.jpg");
    	list.add(infos3);
    	return list;
    }

	@Override
	protected void onListItemClick(ListView l, View v, int position, long id) {
		// TODO Auto-generated method stub
		adapter.setSelectListItem(position);
		adapter.notifyDataSetChanged();
		super.onListItemClick(l, v, position, id);
	}
}

 主函数没什么难的，很简单，因为都在Adapter实现了。

下面是MVC中所说的：M

WeiboHolder.java

package com.woclub.beans;

import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

public class WeiboHolder {
	public ImageView wbImage;//微博中的图片
	public ImageView wbIcon;//发布人头像
	public TextView wbUser;
	public TextView wbTime;
	public TextView wbText;
	public TextView wbCommentText;
	
}

WeiboInfo.java

public class WeiboInfo {
	private String id;//文章id
	private String userId;//发布人id
	private String userName;//发布人名字
	private String userIcon;//发布人头像
	private String time;//发布时间
	private String haveImage;//有图片
	private String text;//文章内容
	private String commentText;//评论内容
	
	public static final String ID = "id";
	public static final String USERID = "userId";
	public static final String USERNAME = "userName";
	public static final String USERICON = "userIcon";
	public static final String TIME = "time";
	public static final String TEXT = "text";
	public static final String COMMENTTEXT = "commentText";
	public static final String HAVEIMAGE = "haveImage";
	
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getUserId() {
		return userId;
	}
	public void setUserId(String userId) {
		this.userId = userId;
	}
	public String getUserName() {
		return userName;
	}
	public void setUserName(String userName) {
		this.userName = userName;
	}
	public String getUserIcon() {
		return userIcon;
	}
	public void setUserIcon(String userIcon) {
		this.userIcon = userIcon;
	}
	public String getTime() {
		return time;
	}
	public void setTime(String time) {
		this.time = time;
	}
	public String getImage() {
		return haveImage;
	}
	public void setImage(String haveImage) {
		this.haveImage = haveImage;
	}
	public String getText() {
		return text;
	}
	public void setText(String text) {
		this.text = text;
	}
	public String getCommentText() {
		return commentText;
	}
	public void setCommentText(String commentText) {
		this.commentText = commentText;
	}
	
	
}	
上面基本上完成了，V就是布局文件了，Adapter属于C。好了，这篇就此结束，希望多提意见，哈哈！
  • 大小: 55 KB
  • 大小: 52.6 KB
0
顶
0
踩
分享到：
| TabActivity中的Tab标签详细设置
评论
1 楼 ihopethatwell 2012-02-29  
楼主能附上完整的源码？这样测试看得出效果，知道那里有问题
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ListView的基本使用带Button

    总结来说，ListView的基本使用包括创建ListView、定义条目布局、创建Adapter并实现数据绑定，以及处理点击事件。在实际应用中，还可以进一步优化性能，比如使用convertView复用条目视图，或者使用更高级的Adapter如...

    ListView和Button的结合使用

    通过以上步骤，我们成功地将ListView和Button结合在一起，实现了点击ListView条目和Button时的不同操作。需要注意的是，当ListView中的条目复用时（即convertView不为null），我们应该确保每次`getView()`方法调用时...

    listview多线程下载，解决button错乱问题

    本话题将详细探讨如何在ListView中实现多线程下载，解决button状态同步问题，以及如何进行zip文件的解压。 首先，我们要理解ListView的回收机制。由于ListView为了提高性能，会复用已滑出屏幕的item视图。因此，当...

    Android通过点击对应listview条目的删除按钮实现删除sqlite数据库对应行信息的简单方法

    这里的条件通常是根据ListView条目对应的ID来确定。 ```java StringBuilder queryBuilder = new StringBuilder("DELETE FROM "); queryBuilder.append(TABLE_NAME); queryBuilder.append(" WHERE "); queryBuilder....

    带button的listview

    2. **布局设计**：在XML布局文件中，为ListView的每个条目（item）设计一个包含Button的布局。例如，你可以创建一个`list_item.xml`，里面有一个TextView用于显示文本，然后添加一个Button。 3. **绑定数据**：在`...

    在ListView中嵌套Switch开关,点击ListView条目来切换Switch的状态

    而在这个场景中，我们探讨的是如何在ListView的每个条目中嵌入Switch开关，并实现点击ListView条目时，对应Switch的状态能够切换。这样的设计可以为用户提供更加直观的操作方式，比如用于设置开启或关闭某些功能。 ...

    ListView和Button点击事件冲突处理

    3. **使用ItemClick和ItemLongClick事件**：如果Button的点击事件是作为ListView条目的一个特殊操作，可以考虑将它整合到ListView的ItemClickListener或ItemLongClickListener中。通过判断点击位置来确定是否执行...

    listview解决条目错乱

    在Android开发中，ListView是常用的一种...通过以上策略，我们可以有效地解决ListView中条目错乱的问题，确保每个item的状态在滚动时得到正确的显示。记住，理解和合理利用ListView的优化机制是解决此类问题的关键。

    在ListView上滑动显示Delete按钮

    当检测到滑动动作时，我们可以调整ListView中相应Item的视图，显示出隐藏的Delete按钮。 接下来，我们需要设计Delete按钮的布局。这通常是一个ImageView或者Button，包含一个"Delete"或者垃圾桶的图标。按钮会在...

    listview单选实现

    1. **创建ListView的Item布局**：在res/layout目录下创建一个新的XML布局文件，比如list_item.xml，用于定义每个ListView条目的视图。在这个布局文件中，添加一个RadioButton作为选中标志。 ```xml android:id=...

    自绘控件，button,listview,sliderbar

    这涉及到使用DrawBitmap函数绘制不同状态下的图片，并可能结合DrawText方法添加文本。同时，要处理WM_PAINT消息以确保控件的正确绘制，以及WM_MOUSEHOVER和WM_LBUTTONDOWN消息来检测用户的交互。 接下来，我们讨论...

    Android Scrollview+Listview 实现不同条目点赞并计数

    Listview在Scrollview中无法显示完全 子view中的button等劫持了listview中item的clickListener OnClickListener接口的onClick方法中的View view参数究竟是什么 点赞后计数改变

    带按钮listview，添加监听

    本教程将详细介绍如何在ListView中添加按钮并实现监听事件。 首先，我们需要创建一个自定义的ListView布局文件。在`res/layout`目录下创建一个新的XML布局文件，例如`list_item.xml`。在这个文件中，我们可以定义一...

    ListView Button ImageView 里应用selector选择器切换图片并保持住

    对于ListView的条目，可能需要在Adapter的`getView()`方法中设置： ```java convertView.setBackgroundResource(R.drawable.list_item_selector); ``` 而对于ImageView： ```xml android:id="@+id/my_image_...

    安卓ListView实现侧滑删除

    本教程将详细介绍如何在Android的ListView中实现侧滑删除。 首先，理解侧滑删除的实现原理。侧滑删除通常涉及两个主要步骤：监听滑动手势和显示/隐藏删除按钮。我们可以使用Android的GestureDetector和Scroller类来...

    listview的事件处理

    本篇文章将深入探讨ListView的事件处理，特别是如何处理ListView与Button共存时焦点问题，以及在Adapter中实现接口来响应按钮点击，改变ListView中的数据。 首先，我们来解决“listview与button共存抢夺焦点问题”...

    带下拉刷新的ListView的中同时处理CheckBox，Button，和item事件

    在ListView中，我们经常会遇到需要处理多种交互元素，如CheckBox、Button等，这涉及到事件分发和回调机制。以下是对这个主题的详细解释。 ### 1. ListView的基本使用 ListView通过Adapter将数据绑定到视图上。...

    ListView的选择模式

    6. **状态维护**：在单选模式下，ListView会自动处理条目的选中状态。当用户点击一个条目时，ListView会自动高亮选中的条目。我们可以通过`setItemChecked()`方法手动改变选中状态。 7. **代码实践**：`hack030`...

    Android item可弹出隐藏按钮的listView-IT计算机-毕业设计.zip

    1. 自定义的ListView条目布局文件：这可能包含一个隐藏的Button，初始状态为不可见。布局XML文件会定义按钮的位置、大小和其他属性。 2. 自定义Adapter类：这个类将实现ListView的数据绑定，并处理按钮的显示和隐藏...

    Listview上面显示单个的点击按钮实现下载功能

    通过以上步骤，我们就实现了在ListView的每个Item上显示一个按钮，点击后会异步下载图片并在ListView上方显示。这个过程中，BaseAdapter负责将数据绑定到ListView，而AsyncTask则在后台线程执行下载操作，避免了阻塞...

Magicbox
Global site tag (gtag.js) - Google Analytics