仿iphone 气泡短信 自定义list适配器实现

最新推荐文章于 2017-05-09 16:04:29 发布
最新推荐文章于 2017-05-09 16:04:29 发布
阅读量2.9k 收藏
点赞数
分类专栏： android UI相关 文章标签： list iphone android layout string listview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tt5267621/article/details/6933576
版权

自定义List列表显示短信内容，仿iphone短信气泡

 

 

 短信消息实体类

 

package com.android;

/**
 * 消息实体类
 * 
 * @author Administrator
 * 
 */
public class DetailEntity
{

	// 短信联系人
	private String name;
	// 短信日期
	private String date;
	// 短信内容
	private String text;
	// 布局ID
	private int layoutID;

	public String getName()
	{
		return name;
	}

	public void setName(String name)
	{
		this.name = name;
	}

	public String getDate()
	{
		return date;
	}

	public void setDate(String date)
	{
		this.date = date;
	}

	public String getText()
	{
		return text;
	}

	public void setText(String text)
	{
		this.text = text;
	}

	public int getLayoutID()
	{
		return layoutID;
	}

	public void setLayoutID(int layoutID)
	{
		this.layoutID = layoutID;
	}

	public DetailEntity()
	{
	}

	public DetailEntity(String name, String date, String text, int layoutID)
	{
		super();
		this.name = name;
		this.date = date;
		this.text = text;
		this.layoutID = layoutID;
	}

}


 

 

 

 适配器类 继承ListAdapter

 

package com.android;

import java.util.List;

import android.app.AlertDialog;
import android.content.Context;

import android.database.DataSetObserver;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnLongClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.ListAdapter;
import android.widget.TextView;

/**
 * 适配器
 * 
 * @author Administrator
 * 
 */
public class DetailAdapter implements ListAdapter
{

	private List<DetailEntity> coll;

	private Context ctx;

	// 消息
	DetailEntity entity;

	LinearLayout layout;

	// 加载布局
	LayoutInflater vi;

	// ------------------------------

	// 背景
	LinearLayout layout_bj;

	TextView tvName;
	TextView tvDate;
	TextView tvText;

	public DetailAdapter(Context context, List<DetailEntity> coll)
	{
		ctx = context;
		this.coll = coll;
	}

	public boolean areAllItemsEnabled()
	{
		return true;
	}

	/**
	 * 为true监听Item
	 */
	public boolean isEnabled(int arg0)
	{
		return true;
	}

	public int getCount()
	{
		return coll.size();
	}

	public Object getItem(int position)
	{
		return coll.get(position);
	}

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

	public int getItemViewType(int position)
	{
		return position;
	}

	public View getView(int position, View convertView, ViewGroup parent)
	{
		entity = coll.get(position);
		int itemLayout = entity.getLayoutID();

		// 加载布局
		layout = new LinearLayout(ctx);
		vi = (LayoutInflater) ctx
				.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		vi.inflate(itemLayout, layout, true);

		layout.setBackgroundColor(0xffB4B4B4);

		// 图片背景
		layout_bj = (LinearLayout) layout.findViewById(R.id.layout_bj);

		tvName = (TextView) layout.findViewById(R.id.messagedetail_row_name);
		tvName.setText(entity.getName());

		tvDate = (TextView) layout.findViewById(R.id.messagedetail_row_date);
		tvDate.setText(entity.getDate());

		tvText = (TextView) layout.findViewById(R.id.messagedetail_row_text);
		tvText.setText(entity.getText());

		// 添加监听
		addListener(tvName, tvDate, tvText, layout_bj);

		return layout;
	}

	public int getViewTypeCount()
	{
		return coll.size();
	}

	public boolean hasStableIds()
	{
		return true;
	}

	public boolean isEmpty()
	{
		return true;
	}

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

	}

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

	}

	/**
	 * 内容监听
	 * 
	 * @param convertView
	 */
	public void addListener(final TextView tvName, final TextView tvDate,
			final TextView tvText, LinearLayout layout_bj)
	{

		layout_bj.setOnClickListener(new OnClickListener()
		{

			@Override
			public void onClick(View v)
			{

			}
		});

		layout_bj.setOnLongClickListener(new OnLongClickListener()
		{

			@Override
			public boolean onLongClick(View v)
			{
				tvName.setTextColor(0xffffffff);
				tvDate.setTextColor(0xffffffff);
				tvText.setTextColor(0xffffffff);
				new AlertDialog.Builder(ctx).setTitle("当前是长按操作")
						.setMessage("准备写个菜单").create().show();

				return true;
			}
		});

		// 按下改变字体颜色
		layout_bj.setOnTouchListener(new OnTouchListener()
		{
			@Override
			public boolean onTouch(View v, MotionEvent event)
			{
				switch (event.getAction())
				{
				case MotionEvent.ACTION_DOWN:
				case MotionEvent.ACTION_MOVE:
					tvName.setTextColor(0xffffffff);
					tvDate.setTextColor(0xffffffff);
					tvText.setTextColor(0xffffffff);
					break;
				default:
					tvName.setTextColor(0xff000000);
					tvDate.setTextColor(0xff000000);
					tvText.setTextColor(0xff0000ff);
					break;
				}
				return false;
			}
		});
	}
}


 

 

主Activity类

package com.android;

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

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

public class MainActivity extends Activity
{
	private ListView talkView;
	private List<DetailEntity> list = null;

	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

		listInit();

	}

	public void listInit()
	{

		talkView = (ListView) findViewById(R.id.list);

		list = new ArrayList<DetailEntity>();

		DetailEntity d1 = new DetailEntity("私念", "2010-11-11", "你好!",
				R.layout.list_say_me_item);
		list.add(d1);
		DetailEntity d2 = new DetailEntity("美女", "2010-11-11", "你好!",
				R.layout.list_say_he_item);
		list.add(d2);
		DetailEntity d3 = new DetailEntity("美女", "2010-11-11", "你是谁?",
				R.layout.list_say_he_item);
		list.add(d3);
		DetailEntity d4 = new DetailEntity("私念", "2010-11-11", "我是私念",
				R.layout.list_say_me_item);
		list.add(d4);

		DetailEntity d5 = new DetailEntity("美女", "2010-11-11", "鬼认识你",
				R.layout.list_say_he_item);
		list.add(d5);
		DetailEntity d6 = new DetailEntity("私念", "2010-11-11", "那就认识下",
				R.layout.list_say_me_item);
		list.add(d6);
		DetailEntity d7 = new DetailEntity("美女", "2010-11-11", "切",
				R.layout.list_say_he_item);
		list.add(d7);
		DetailEntity d8 = new DetailEntity("私念", "2010-11-11", "~~！",
				R.layout.list_say_me_item);
		list.add(d8);

		talkView.setAdapter(new DetailAdapter(MainActivity.this, list));
		// 去掉分割线
		talkView.setDivider(null);
	}

}


 

 

三个布局

 

 

main.xml主布局

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

    <ListView
        android:id="@+id/list"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
    </ListView>

</LinearLayout>

 

 


list_say_he_item.xml  对方内容显示布局

<?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:layout_marginLeft="10px"
    android:gravity="right"
    android:orientation="horizontal" >

    <LinearLayout
        android:id="@+id/layout_bj"
        android:layout_width="249px"
        android:layout_height="wrap_content"
        android:background="@drawable/outgoing"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="22dip"
            android:orientation="horizontal" >

            <TextView
                android:id="@+id/messagedetail_row_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingTop="2px"
                android:textColor="#000000"
                android:textSize="18dip" />

            <TextView
                android:id="@+id/messagedetail_row_date"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="60dip"
                android:paddingTop="2px"
                android:textColor="#000000"
                android:textSize="16dip" />
        </LinearLayout>

        <TextView
            android:id="@+id/messagedetail_row_text"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="2px"
            android:textColor="#0000DD"
            android:textSize="24dip" />
    </LinearLayout>

    <ImageView
        android:id="@+id/messagegedetail_rov_icon"
        android:layout_width="42px"
        android:layout_height="42px"
        android:layout_gravity="bottom"
        android:background="@drawable/retouxiang" />

</LinearLayout>


 

 

list_say_me_item.xml  我的列表显示布局

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

    <ImageView
        android:id="@+id/messagegedetail_rov_icon"
        android:layout_width="42px"
        android:layout_height="42px"
        android:layout_gravity="bottom"
        android:background="@drawable/retouxiang" />

    <LinearLayout
        android:id="@+id/layout_bj"
        android:layout_width="249px"
        android:layout_height="wrap_content"
        android:background="@drawable/incoming"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="22dip"
            android:orientation="horizontal" >

            <TextView
                android:id="@+id/messagedetail_row_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingTop="2px"
                android:textColor="#000000"
                android:textSize="18dip" />

            <TextView
                android:id="@+id/messagedetail_row_date"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="60dip"
                android:paddingTop="2px"
                android:textColor="#000000"
                android:textSize="16dip" />
        </LinearLayout>

        <TextView
            android:id="@+id/messagedetail_row_text"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="2px"
            android:textColor="#0000DD"
            android:textSize="24dip" />
    </LinearLayout>

</LinearLayout>


 

 

 

 

 

 

 

DEMO下载地址http://download.csdn.net/detail/tt5267621/3752867

 

TT5267621
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
仿iphone气泡短信 DEMO
10-31
仿iphone 气泡效果 短信 自定义的LIST
Android 仿iphone 气泡短信 DEMO.zip
12-16
源码参考，欢迎下载
模仿iphone弹出式短信查看
malong26
06-18 334
感觉使用抽屉查看短信麻烦，于是自己写了一个模仿iphone查看的短信的小程序，自己用，挺好的。实现原理主要是activity的背景半透明，加上收到短信开启服务和桌面图标开启服务。目前只做了收到1条短信显示，如果是长短信和连续短信的话没有做处理，废话少说，附件是源码和截图。 popSMS.java 闪屏,首次开启应用显示 [code="java"] package com.smsshow; ...
ios 仿微信，短信聊天气泡
maozhuxigood
03-17 385
苹果短信的聊天气泡和微信的聊天气泡一直很经典，很小的一个气泡根据文字的多少适当变大变小。 其实实现很简单，主要是控件的自适应撑高，这里用到的是cell。 核心代码 - (UIView*)bubbleView:(NSString *)textimageName:(NSString *)name { UIView *returnView= [[UIViewalloc] ini...
UI之高仿iphone短信发送气泡效果
06-18
UI之高仿iphone短信发送气泡效果，已经测试，请放心使用，在android2.3下即可运行
小程序源码 仿iphone 气泡短信 DEMO.rar
03-20
免责声明：资料部分来源于合法的互联网渠道收集和整理，部分自己学习积累成果，供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方，资料版权归原作者或出版方所有，...
仿iPhone通讯录制作小程序自定义选择组件的实现
12-29
敢想敢做，于是选择了给微信小程序做个 仿iPhone通讯录 效果的自定义组件。 先来整理一下，瞧瞧需要实现的核心功能。 按照第一个字的首字母排序; 实现输入搜索功能； 侧边栏字母导航； 基本上分为3块： 顶部的...
Android 仿iphone 气泡短信 DEMO源码.rar
11-01
Android 仿iphone 气泡短信 DEMO源码.rar
Android仿iphone-气泡短信-DEMO.zip
07-10
Android仿iphone-气泡短信-DEMO.zip
聊天气泡效果实现
07-11 2427
仿iphone 气泡短信 http://www.apkbus.com/android-110117-1-1.html 仿iphone 气泡短信 DEMO http://www.eoeandroid.com/thread-112801-1-1.html android模仿iphone气泡聊天 气泡大小自适应 http://enzoqin.iteye.co
仿苹果短信
08-27
仿苹果短信
精典源码之仿iphone 气泡短信 DEMO.zip
12-16
源码参考，欢迎下载
jquery mobile仿苹果手机短信滑动删除特效
10-30
jquery mobile仿苹果手机短信滑动删除特效
仿iphone 气泡短信 DEMO
10-23
仿iphone 气泡短信 DEMO
仿iphone原生短信滑动时惯性效果
Xiaoxiao_Beijixiong的博客
05-09 2866
如果又细心的朋友会发现,iphone的自带短信息的信息列表在拖拽滑动的时候,每一个cell会有惯性的动画效果,这个我也是从网上找到一些资料,最后知道早在2013年苹果就对这个进行了设计,大家看看这个https://onevcat.com/2013/09/spring-list-like-ios7-message/,这个是喵神(王巍)在2013年的时候写的文章,里面详细讲述了UIKit DyaD
iphone气泡短信
11-03
自定义List列表显示短信内容，仿iphone短信气泡
android 跳动频谱 播放器(类似千千静听)
IOS Android 开发
11-07 6841
android 跳动频谱 播放器(类似千千静听)      、   android 跳动频谱 带均衡 播放器DEMO 测试MP3 WAV 无异常 欢迎测试 类似千千静听小效果 上图       DEMO下载地址：http://download.csdn.net/detail/tt5267621/3763524
iphone自定义手势
最新发布
05-28
苹果提供了UIGestureRecognizer类，可以用来实现自定义手势。下面是一个简单的例子，实现在屏幕上绘制一个“V”形手势来触发事件： 1. 首先在视图控制器中创建一个手势识别器对象： ``` @property (nonatomic, ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值