ArrayAdapter实现仿QQ左右发送消息显示

原创 2015年11月19日 12:35:28

效果图


代码

package com.xiaoke.arrayadapte;

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

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

public class MainActivity extends Activity {
	// private String[] data;
	private List<String> list;
	private EditText et;
	private ListView listview;
	private int index = 0;
	private ArrayAdapter adapter;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		listview = (ListView) findViewById(R.id.lv_id);

		et = (EditText) findViewById(R.id.et_id);
		list = new ArrayList<String>();
		Button btn;

		adapter = new PangAdapter(this, -1);
		listview.setAdapter(adapter);

		btn = (Button) findViewById(R.id.btn_left_a_id);
		btn.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// 左边发送消息
				sendMessege("#");
			}
		});

		btn = (Button) findViewById(R.id.btn_right_id);
		btn.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// 右边发送消息
				sendMessege("&");
			}
		});
		// data = new String[100];
		// for (int i = 0; i < 100; i++) {
		// data[i] = "数据" + i;
		// }
		// ArrayAdapter adapter=new ArrayAdapter(this,
		// android.R.layout.simple_list_item_1, data);
	}

	// 更新数据并且更新界面
	public void sendMessege(String str) {
		list.add(et.getText().toString() + str);
		et.setText(null);
		// 界面更新
		adapter.notifyDataSetChanged();
		listview.setSelection(ListView.FOCUS_DOWN);
	}

	public class PangAdapter extends ArrayAdapter {
		private LayoutInflater flater = null;

		public PangAdapter(Context context, int resource) {
			super(context, resource);
			//
			flater = LayoutInflater.from(context);
		}

		// 获取数组的长度
		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return list.size();
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			// 不需多次调用,
			if (convertView == null) {
				convertView = flater.inflate(R.layout.test, null);
				Log.d("创建数据", list.get(position));
			}
			TextView tvLeft = (TextView) convertView
					.findViewById(R.id.text_left_a1_id);
			TextView tvRight = (TextView) convertView
					.findViewById(R.id.text_right_a2_id);
			ImageView imageLeft = (ImageView) convertView
					.findViewById(R.id.image_left_a1_id);
			ImageView imageRight = (ImageView) convertView
					.findViewById(R.id.image_right_a2_id);
			// 取出每次输入后最后一个字符
			char c = list.get(position).charAt(list.get(position).length() - 1);
			Log.d(String.valueOf(c), String.valueOf(c) + "1");
			// 每次输入的字符串添加到StringBuffer中
			StringBuffer strbuffer = new StringBuffer();
			strbuffer.append(list.get(position));
			// 最后一个字符判断是左边发送还是右边发送消息#代表左边&代表右边
			if (String.valueOf(c).equals("&")) {
				// 去除每次传入的最后一个字符
				strbuffer.deleteCharAt(strbuffer.length() - 1);
				String s = strbuffer.toString();
				// 右边字符串设置
				tvRight.setText(s);
				// imageLeft.setImageResource(-1);
				// 右边字图片设置
				imageRight.setImageResource(R.drawable.ic_launcher);
				// 左边字图片设置
				imageLeft.setImageBitmap(null);
				// 左边字符串设置
				tvLeft.setText("");
				// 清空缓存数组中的内容
				strbuffer.delete(0, strbuffer.length());
				Log.d("tvA2", "出现tvA2");
			} else if (String.valueOf(c).equals("#")) {
				// 去除每次传入的最后一个字符
				strbuffer.deleteCharAt(strbuffer.length() - 1);
				String s = strbuffer.toString();
				// 左边字符串设置
				tvLeft.setText(s);
				// 右边字符串设置
				tvRight.setText("");
				// 左边字图片设置
				imageLeft.setImageResource(R.drawable.ic_launcher);
				// imageRight.setImageResource(-1);
				// 右边字图片设置
				imageRight.setImageBitmap(null);
				// 清空缓存数组中的内容
				strbuffer.delete(0, strbuffer.length());
				Log.d("tvA1", "出现tvA1");
			}
			return convertView;
		}

	}

}

布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.xiaoke.arrayadapte.MainActivity" >

    <ListView
        android:id="@+id/lv_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1" >
    </ListView>

    <LinearLayout
        
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
		<Button
            android:id="@+id/btn_left_a_id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="发送" />
        <EditText
            android:id="@+id/et_id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <Button
            android:id="@+id/btn_right_id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="发送" />
    </LinearLayout>

</LinearLayout>

<?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" >

    <ImageView
        android:id="@+id/image_left_a1_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="20dp" />

    <TextView
        android:id="@+id/text_left_a1_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@id/image_left_a1_id"   
        android:textColor="@android:color/holo_red_dark"
        android:textSize="20sp"
        android:textStyle="bold" />

    <ImageView
        android:id="@+id/image_right_a2_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="20dp" />

    <TextView
        android:id="@+id/text_right_a2_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@id/image_right_a2_id"
        android:textColor="@android:color/holo_red_dark"
        android:textSize="20sp"
        android:textStyle="bold" />

</RelativeLayout>



版权声明:本文为博主原创文章,未经博主允许不得转载。

Android高仿QQ左右滑动菜单的效果实现方式之安卓菜单左右滑动效果实现方式

今天给大家看一下关于安卓像QQ一样左右滑动菜单的实现方式,完整项目源码在最下方有下载地址,可点击下载,下面我们来看源码。先看看主界面实现: package com.xu81.testflip; im...
  • llqqxf
  • llqqxf
  • 2016年07月18日 16:49
  • 1963

学徒浅析Android开发:杂谈——仿QQ列表左右滑动效果

本篇文章已授权微信公众号guolin_blog(郭霖)独家发布   ListView可以说是最常用的控件了,所谓在平凡中创建不平凡,各种listView的衍生版本层出不穷。在商业应用中,一个item上...
  • lz8362
  • lz8362
  • 2016年07月08日 23:20
  • 1383

安卓开发之Kotlin和java双实现仿qq空间下拉图片拉伸

前置条件 继续本文之前,你首先需要完成如下两件事情: 将你的Andoid Studio更新到最新版本 理解Kotlin的基本语法 如果你不熟悉Kotlin编程语言的话,建议先阅读Kotlin指...
  • u013278099
  • u013278099
  • 2016年03月30日 22:49
  • 4121

Android模仿QQ的左右滑动切换界面和下拉更新的效果

转自http://www.linuxidc.com/Linux/2012-08/67207.htm 主布局main.xml xml version="1.0" encoding="utf-...
  • u010436741
  • u010436741
  • 2013年06月18日 20:56
  • 2379

Android DrawerLayout 高仿QQ5.2双向侧滑菜单

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/41531475,本文出自:【张鸿洋的博客】1、概述之前写了一个Android 高仿...
  • lmj623565791
  • lmj623565791
  • 2014年11月27日 09:30
  • 80028

Android实现类似QQ的滑动删除效果

Android实现QQ的滑动删除效果
  • lzyzsd
  • lzyzsd
  • 2014年11月25日 22:14
  • 22350

Android实现仿qq侧边栏效果

最近从github上看到一个关于侧边栏的项目,模仿的是qq侧边栏。这个项目是一个android studio项目,可以导入android studio中,也可以导入到Eclipse中。其中的Resid...
  • JerehEdu
  • JerehEdu
  • 2015年05月18日 14:41
  • 2373

仿QQ聊天-listView的item多布局

仿QQ聊天界面以及聊天气泡。.9图片制作以及黑边处理。
  • lhp15575865420
  • lhp15575865420
  • 2017年07月14日 09:52
  • 335

仿qq向左滑动列表

qq向左滑动列表,网上有很多这个源码框架什么的,我也去搜了一下,还真不少,贴网址:https://github.com/baoyongzhang/SwipeMenuListView源码下载下来之后导入...
  • wanzhicheng3656
  • wanzhicheng3656
  • 2015年09月25日 17:51
  • 757

androidSwipeLayout简单用法,仿qq会话列表listview左右滑动

1.概述 AndroidSwipeLayout,开发者是代码家, AndroidSwipeLayout 是一个支持ListView, GridView, ViewGroup等等左右上下滑动出操作菜单,...
  • tyk9999tyk
  • tyk9999tyk
  • 2016年11月11日 14:22
  • 1802
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ArrayAdapter实现仿QQ左右发送消息显示
举报原因:
原因补充:

(最多只允许输入30个字)