如果写一个微博的一个ListView

最新推荐文章于 2017-03-27 19:53:45 发布
最新推荐文章于 2017-03-27 19:53:45 发布
阅读量1.1k 收藏
点赞数
分类专栏： android控件 文章标签： ListView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_nod/article/details/38342901
版权

先上效果图:




这是个ListView:

layout是:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="wrap_content"
	android:tag="itemview" android:orientation="horizontal"
	android:background="@drawable/list_item_bg">

	<ImageView android:id="@+id/ivItemPortrait"
		android:layout_marginLeft="5dip" android:layout_marginTop="5dp"
		android:layout_width="50dp" android:layout_height="50dp"
		android:saveEnabled="true" android:src="@drawable/portrait" android:adjustViewBounds="true"/> //头像的图片

	<LinearLayout android:id="@+id/lyRightLayout"
		android:layout_height="wrap_content" android:layout_width="fill_parent"
		android:orientation="vertical" android:layout_margin="5dip">

		<LinearLayout 
			android:layout_width="fill_parent"
			android:layout_height="wrap_content" 
			android:layout_marginRight="3dip"
			android:orientation="horizontal">
			
			<TextView 
				android:text="" 
				android:id="@+id/tvItemName"	
				android:textColor="#000" 
				android:textSize="15sp" 
				android:paddingLeft="5dip" 
				android:textStyle="bold"
				android:layout_width="wrap_content" 
				android:layout_height="wrap_content" />  //这个是名字

			

			<RelativeLayout   //这个是名字右侧的Layout,包括时间和定位信息
				android:layout_width="fill_parent"
				android:layout_height="wrap_content" 
				android:layout_marginRight="3dip"
				android:gravity="right" 
				android:layout_weight="1">

				<TextView android:text="" android:id="@+id/tvItemDate"
					android:textColor="#666666" android:layout_marginLeft="3dip"
					android:textSize="12sp" android:layout_gravity="right"
					android:layout_width="wrap_content" android:layout_height="wrap_content"
					android:layout_alignParentRight="true" />

				<ImageView android:id="@+id/ivItemPic"
					android:layout_marginTop="3dp" android:layout_width="wrap_content"
					android:layout_height="wrap_content" android:layout_toLeftOf="@id/tvItemDate"
					android:layout_alignTop="@id/tvItemDate" android:src="@drawable/pic"
					android:saveEnabled="false" android:visibility="gone" />
				<ImageView android:id="@+id/ivItemGps"
					android:layout_marginTop="3dp" android:layout_width="wrap_content"
					android:layout_height="wrap_content" android:layout_toLeftOf="@id/ivItemPic"
					android:layout_alignTop="@id/tvItemDate" android:src="@drawable/location_icon"
					android:saveEnabled="false" android:visibility="gone" />
			</RelativeLayout>


		</LinearLayout>
		<TextView android:text="" android:id="@+id/tvItemContent"   //这个是内容的信息
			android:textColor="#414951"
			android:layout_marginTop="8dip" android:layout_width="fill_parent"
			android:layout_height="wrap_content" 
			android:paddingLeft="5dip" android:paddingRight="5dip"
			android:lineSpacingExtra="4px"/>
		<RelativeLayout android:layout_width="fill_parent"
			android:layout_height="wrap_content" android:gravity="center_vertical">
			<ImageView android:id="@+id/tweet_upload_pic1"
				android:scaleType="centerInside" android:layout_width="@integer/preview_pic_size"
				android:layout_height="@integer/preview_pic_size"
				android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
				android:visibility="gone" android:src="@drawable/preview_pic_loading"
				android:layout_marginTop="5dp" android:layout_marginBottom="5dp" />   //这个发送方的图
		</RelativeLayout>

		<LinearLayout android:id="@+id/subLayout"
			android:layout_width="fill_parent" android:layout_height="wrap_content"
			android:orientation="vertical" android:layout_marginBottom="4dp"
			android:background="@drawable/popup" android:visibility="gone">

			<TextView android:text="" android:id="@+id/tvItemSubContent"
				android:textColor="#666666"
				android:layout_marginTop="3dip" android:layout_marginBottom="3dip"
				android:layout_width="fill_parent" android:layout_height="wrap_content" android:lineSpacingExtra="4px"/>
			<RelativeLayout android:layout_width="fill_parent"
				android:layout_height="wrap_content" android:gravity="center_vertical" android:paddingBottom="10dp">
				<ImageView android:id="@+id/tweet_upload_pic2"
					android:scaleType="centerInside" android:layout_width="@integer/preview_pic_size"
					android:layout_height="@integer/preview_pic_size"
					android:layout_marginLeft="5dp" android:layout_marginRight="5dp"
					android:visibility="gone" android:src="@drawable/preview_pic_loading"
					android:layout_marginTop="5dp" android:layout_marginBottom="5dp" />  <pre name="code" class="html"> //这个是转发的图
</RelativeLayout></LinearLayout><LinearLayout android:layout_width="fill_parent"android:layout_height="wrap_content" android:orientation="horizontal"><TextView android:id="@+id/tweet_form" android:textSize="12.0sp" android:textColor="#ff7d7d7d"android:layout_width="wrap_content" android:layout_height="wrap_content"android:layout_weight="1" android:paddingLeft="5dip"/> //这个是最下方的小图标<LinearLayout android:layout_width="wrap_content"android:layout_height="wrap_content" android:orientation="horizontal"android:gravity="right|center_vertical" ><ImageView android:id="@+id/tweet_redirect_pic" android:layout_width="wrap_content"android:layout_height="wrap_content" android:paddingLeft="10.0dip"android:visibility="gone" android:src="@drawable/redirect_icon" /><TextView android:id="@+id/tweet_redirect"android:textSize="12.0sp" android:textColor="#a4b7d6" android:layout_width="wrap_content"android:layout_height="wrap_content" android:visibility="gone" android:paddingLeft="2dip"/><ImageView android:id="@+id/tweet_comment_pic" android:layout_width="wrap_content"android:layout_height="wrap_content"android:paddingLeft="10.0dip"android:visibility="gone" android:src="@drawable/comment_icon" /><TextView android:id="@+id/tweet_comment" android:textSize="12.0sp"android:textColor="#a4b7d6" android:layout_width="wrap_content"android:visibility="gone" android:paddingLeft="2dip"android:layout_height="wrap_content" android:paddingRight="5dp"/></LinearLayout></LinearLayout></LinearLayout></LinearLayout> 

 逻辑是: 

 

1.检查本地是否有缓存，如果有直接转化为List,作为ListView的数据
 

2.如果没有数据，就从服务器把数据download下来存在本地，并进行解析
 

3.写adapter去加载这些数据
 

 

下面来说说如何加载列表中的小图片
 

在内存里new一个:
 

public static Map<String, Bitmap> mPortraitCacheMap = new HashMap<String, Bitmap>();
 

 

if (mBlog.portrait != null) {
			new LoadPortraitTask().execute(mBlog.portrait, mCacheDir,
					this.parent, mBlog);
		}
		Bitmap bm = Utils.mPortraitCacheMap.get(mBlog.portrait);
		if (bm != null && !bm.isRecycled()) {
			mPortrait.setVisibility(View.INVISIBLE);
			mPortrait.setImageBitmap(bm);
			mPortrait.setVisibility(View.VISIBLE);
			return;
		}
 

 

private class LoadPortraitTask extends AsyncTask<Object, Void, Object[]> {

		protected void onPreExecute() {

		}

		protected Object[] doInBackground(Object... args) {

			String portraitUrl = (String) args[0];
//			String cacheDir = TextUtils.isEmpty(mSdFileDir)? mCacheDir : mSdFileDir;
			ListView listView = (ListView) args[2];
			MBlog mBlog = (MBlog) args[3];
			Object[] objs = new Object[2];
			objs[0] = mBlog.portrait;
			Bitmap round = null;
			//将图片下载下来保存在sd卡上
			objs[1] = Utils.getPortraitBitmap(portraitUrl, mCacheDir, listView.getContext(),
					mBlog, true, Constants.PORTRAIT_DIR_SUFFIX);
			
			
			return objs;

		}

		protected void onProgressUpdate(Void... unused) {
		}

		protected void onPostExecute(Object[] ret) {

			String url = (String) ret[0];
			Bitmap b = (Bitmap) ret[1];
			if (!mBlog.portrait.equals(url))
				return;
			if (b != null && !b.isRecycled()) {
				mPortrait.setVisibility(View.INVISIBLE);
				mPortrait.setImageBitmap(b);
				mPortrait.setVisibility(View.VISIBLE);
			} else {
				mPortrait.setVisibility(View.INVISIBLE);
				mPortrait.setImageBitmap(getDefaultPortrait());
				mPortrait.setVisibility(View.VISIBLE);
			}
		}
	}
 

 

	public static Bitmap getPortraitBitmap(String portraitUrl,
			String cacheDir, Context ctx, MBlog mBlog, boolean bRound, String suffix) {
		
		synchronized (lock) {
			final String sdDir = Utils.getSDPath();
			final String saveDir = TextUtils.isEmpty(sdDir)? cacheDir : sdDir + suffix;
			String file = null;
			Context context = ctx;
			//如果图片已经存在本地，那就直接加载就好了
			if (isInCacheMap(portraitUrl, suffix)) {
				Bitmap bm = mPortraitCacheMap.get(portraitUrl);
				if (bm == null || bm.isRecycled()) {
					mPortraitCacheMap.remove(portraitUrl);
					file = Utils.checkCache(saveDir, portraitUrl);
					return loadFromFile(context, file, mBlog, portraitUrl,
							bRound, suffix);
				}
			} else{
				file = Utils.checkCache(saveDir, portraitUrl);
				if (file == null) {
					Bitmap bm = loadFromNet(context, portraitUrl, saveDir, mBlog, bRound, suffix);
					if (bm == null || bm.isRecycled())
						return loadFromNet(context, portraitUrl, saveDir, mBlog, bRound, suffix);
					return bm;
				}
				else {
					return loadFromFile(context, file, mBlog, portraitUrl,
							bRound, suffix);
				}
			}
		}
		
		return null;
	}
 

 我们可以这样来下载图片: 

 

 

public byte[] getPictureByte(String url) throws HttpException {

		InputStream inputStream;

		HttpGet request = new HttpGet(url);
		HttpClient client = getHttpClient();
		request.setHeader("User-Agent", Constants.USER_AGENT);

		try {
			HttpResponse response = client.execute(request);
			StatusLine status = response.getStatusLine();
			if (status.getStatusCode() != Constants.HTTP_STATUS_OK) {
				throw new HttpException(String.format(
						"Invalid response from server: %s", status.toString()));
			}

			// Pull content stream from response
			HttpEntity entity = response.getEntity();
			inputStream = entity.getContent();

		} catch (IOException e) {
			if (client != null) {
				client.getConnectionManager().shutdown();
			}
			throw new HttpException("Problem communicating with API", e);
		}

		try {

			ByteArrayOutputStream content = new ByteArrayOutputStream();
			byte[] imageByte;
			int readBytes = 0;

			while ((readBytes = inputStream.read(sBuffer)) != -1) {
				content.write(sBuffer, 0, readBytes);
				content.flush();
			}
			imageByte = content.toByteArray();
			content.close();

			if (client != null) {
				client.getConnectionManager().shutdown();
			}
			return imageByte;
		} catch (IOException e) {
			if (client != null) {
				client.getConnectionManager().shutdown();
			}
			throw new HttpException(UNKNOWN_ERROR, e);
		}
	}
 

 

 

 

代码下载:http://download.csdn.net/detail/baidu_nod/7705375

                

        

        

    




    

      

        

            

              
                
                  移动爱好者
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
仿新浪微博listview 动态加载

				
			

			

				

					07-19
				

			

		

		

			
				
listview 功能扩展                     s

			
		

	



                

              
                



	

		

			

				
					
Android程序——新浪微博（Listview使用）

				
			

			

				

					u014000369的专栏
				

				

					04-27
					
					719
					
				

			

		

		

			
				
MainActivity.java


package cn.edu.bzu.micro_blog.activity;


import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.os.Bundle;
im

			
		

	



                


  
              

                


	

		

			

				
					
新浪微博 Android_ListView

				
			

			

				

					g3597的博客
				

				

					05-12
					
					343
					
				

			

		

		

			
				
刚学的Android_ListView按照老师教的还有自己改的做的。大家多给意见啊。
在com.example.ui_listview01包中

MainActivity.javapackage com.example.ui_listview01;

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

import android.app.

			
		

	





	

		

			

				
					
ListView组件的应用（模拟新浪微博界面）

				
			

			

				

					mmdev
				

				

					10-10
					
					148
					
				

			

		

		

			
				
阶段一：进行主界面的布局（如下图）
 
Main.xml具体代码如下：
&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_...

			
		

	



		

			
		



	

		

			

				
					
选项卡组件和ListView组件结合模拟新浪微博

				
			

			

				

					u014687997的专栏
				

				

					04-27
					
					480
					
				

			

		

		

			
				
一.
mainactivity：
import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.widget.Tab

			
		

	





	

		

			

				
					
NewBo:一个新的微博客户端

				
			

			

				

					06-09
				

			

		

		

			
				
【NewBo：一个创新的微博客户端】  在当今的社交媒体领域，微博作为一种实时信息分享和交流的平台，已经占据了重要的地位。而"NewBo"则是一个致力于提供全新用户体验的微博客户端，它以Java语言为基础，旨在为用户...

			
		

	





	

		

			

				
					
一个非常强大的上下加载ListView

				
			

			

				

					09-28
				

			

		

		

			
				
本文将深入探讨“一个非常强大的上下加载ListView”这一技术，它旨在实现类似新浪微博列表的功能，即上拉加载更多新数据，下拉刷新获取旧数据。  首先，我们需要了解ListView的基本工作原理。ListView通过Adapter...

			
		

	





	

		

			

				
					
Android仿新浪微博自定义ListView下拉刷新(4)

				
			

			

				

					09-01
				

			

		

		

			
				
通过这样的方式，我们可以构建一个功能完善的下拉刷新ListView，其效果类似于新浪微博的用户体验。这种自定义的Adapter在处理复杂列表数据时尤其有用，因为它允许我们灵活地控制每个列表项的显示。

			
		

	





	

		

			

				
					
仿新浪微博 ListView ListGridScroll下拉刷新 下拉加载

				
			

			

				

					11-12
				

			

		

		

			
				
SwipeRefreshLayout是Google提供的官方下拉刷新组件，它可以包裹一个子View，如ListView或RecyclerView，当用户下拉时，SwipeRefreshLayout会展示一个旋转的刷新指示器。  其次，上拉加载更多（LoadMore）功能则是在...

			
		

	





	

		

			

				
					
ListView下拉更新功能

				
			

			

				

					04-15
				

			

		

		

			
				
仿新浪微博的ListView下拉更新功能

			
		

	





	

		

			

				
					
仿新浪微博界面的Android代码

				
			

			

				

					05-25
				

			

		

		

			
				
仿新浪微博Android客户端主界面的源码。

			
		

	





	

		

			

				
					
Android模仿新浪微博（自定义ListView下拉刷新）

				
			

			

				

					DeMonnnnnn
				

				

					07-31
					
					1519
					
				

			

		

		

			
				
自定义PullToRefreshListView继承ListView，在ListView头部添加一个下拉的头部布局。跟ListView用法完全一致。
该自定义Listview代码详解具体可参考： 
   http://blog.csdn.net/wwj_748/article/details/12512885此处详细介绍Adapter的详细代码。 
  1.首先给Adapter绑定ListView布

			
		

	





	

		

			

				
					
新浪微博开发之为ListView设置微博数据

				
			

			

				

					小小程序员 欢迎光临！专注于移动互联网！
				

				

					03-31
					
					2214
					
				

			

		

		

			
				
获取到微博数据后，我们要自定义一个Adapter为主页Listview提供数据，listView的item布局要包含微博的相关属性，主要是微博内容，用户头像，微博发表时间等，具体布局如下：


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertic

			
		

	





	

		

			

				
					
Android仿新浪微博ListView效果

				
			

			

				

					羞答答的玫瑰静悄悄地开
				

				

					05-08
					
					1799
					
				

			

		

		

			
				
效果图：






ListView中单个Item代码：



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

			
		

	





	

		

			

				
					
android开发实现微博正文效果、顶部悬浮、ScrollView嵌套ListView

				
			

			

				

					android_hl的博客
				

				

					06-26
					
					3127
					
				

			

		

		

			
				
先来看一下效果图 
 
从图中不难看出，我这里使用了ScrollView嵌套ListView的方式来实现的这种效果。 
这里我们需要重写一下ScrollView，代码如下：package com.gsssk.ddpolice.myview;import android.content.Context;
import android.util.AttributeSet;
import android.

			
		

	





	

		

			

				
					
Android仿微博、人人Feed详情页吸附导航栏

				
			

			

				

					qizhenghao的专栏
				

				

					03-27
					
					2076
					
				

			

		

		

			
				
仿微博、人人的feed详情页面：Listview上下滑动，导航栏view可吸附在顶部的效果。一、实现效果上图：Github: https://github.com/qizhenghao/StickyNavigationBar欢迎拍砖，拍拍更进步。没有对比，怎么会有伤害，下面是 微博、人人的Feed详情页：二、实现原理1、实例化两个一样的导航栏view，一个放在页面根布局顶部的view1，另一个放在L

			
		

	





	

		

			

				
					
帮我写一个ListView的程序

					
最新发布

				
			

			

				

					05-14
				

			

		

		

			
				
好的，以下是一个简单的ListView程序：  ```java public class MainActivity extends AppCompatActivity {   private ListView listView;  private String[] data = {"Item 1", "Item 2", "Item 3", "Item 4", "Item...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值