文档章节

android 成长日记 7.简易的聊天界面设计

康康渐渐
 康康渐渐
发布于 2016/02/25 01:16
字数 1066
阅读 115
收藏 5

首先昨天的博客先看了再看这里的内容,你要知道在listView中显示的是一个信息,但是其实它是由两条信息组成的,也就是在以后设计ItemLayout一定要机灵,说说我犯的错误吧,

  1. 主函数中,我的adpater变量在方法内声明,导致如果需要在外部方法调用,就要声明称final属性的,。。。所以变量在声明的时候一定要想好,你需要的是局部变量还是全局变量。

  2. 在MsgAdpater类写的过程中,需要注意的事项,view变量的存在,不需要再一开始声明的时候就初始化,原因是假如convertView不为空,我们每次都白白初始化,,,,

  3. 当convertView不为空时候,要么你直接在判断语句中为其赋值(可得出convertView其实只有布局没有值存在,所以返回空的谁不行的),然后返回,要不就等着到最后统一return。。。这就要在return前写清楚赋值情况了。

  4. convertView为空的情况有几次呢,,,,除了屏幕显示的数量+1、就对了。因为convertView是在最顶端的item布局全部出去的时候才会被赋值给convertView。所以为空的情况就只有(屏幕显示的数量+1)次。

  5. 最后if判断谁显示谁不显示,谁的值赋给那个控件,这些赋值操作最好在Viewhoder布局都确立了再写。

  6. 细节需注意的。。。convertView不为空,但是吧Viewhloder = convertView.getTag();这句写上。这样保证一个convertView和一个ViewHloder绑定。之所以说他俩提高性能就是因为这俩哥们一个负责自动找到在哪个VIEW,一个自动找到在哪个控件,不用重复找了,你能懂我啥意思么,不懂就问吧。。。

  7. convertView为空的时候,view被inflate出来以后,使用viewHloder去findViewById找到各个控件,然后一定要view,setTag()= viewHolder;这和上面目的一样,成对出现才对。

  8. 我的对话框间距好大啊,经过研究,原来是View.GONE和View.INVISBLE造成的

  9. 代码贴出

    itemView

  10. <?xml version="1.0" encoding="utf-8"?>

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

  12.     android:layout_width="match_parent"

  13.     android:layout_height="match_parent"

  14.     android:orientation="vertical" >

  15.     

  16.     

  17.     <LinearLayout 

  18.         android:id="@+id/left_layout"

  19.         android:layout_width="wrap_content"

  20.         android:layout_height="wrap_content"

  21.         android:layout_gravity="left"

  22.         

  23.         >

  24.         

  25.         <TextView 

  26.             android:id="@+id/left_msg"

  27.             android:layout_width="wrap_content"

  28.             android:layout_height="wrap_content"

  29.             android:layout_gravity="center"

  30. android:layout_margin="10dp"

  31. android:textColor="#ff0000"

  32.             />

  33.         

  34.     </LinearLayout>

  35.     <LinearLayout

  36. android:id="@+id/right_layout"

  37. android:layout_width="wrap_content"

  38. android:layout_height="wrap_content"

  39. android:layout_gravity="right"

  40. >

  41. <TextView

  42. android:id="@+id/right_msg"

  43. android:layout_width="wrap_content"

  44. android:layout_height="wrap_content"

  45. android:layout_gravity="center"

  46. android:layout_margin="10dp" />

  47. </LinearLayout>


  48. </LinearLayout>

mainView

<?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:background="#d8e0e8"

    android:orientation="vertical" >

    

<ListView 

   android:layout_width="match_parent"

   android:layout_height="0dp"

   android:layout_weight="1"

   android:id="@+id/listview"

   android:divider="#0000"

   ></ListView>

    <LinearLayout 

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        >

        

        <EditText

android:id="@+id/input_text"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:hint="Type somthing here"

android:maxLines="2" />

        <Button

android:id="@+id/send"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Send" />

        

    </LinearLayout>

    

MSg类

package com.example.uitest;


public class Msg {

public final static int MSG_RECEIVED = 0;

public final static int MSG_SEND = 1;

private String content;

private int type;

public Msg(String content,int type) {

this.content = content;

this.type = type;

}


public String getContent(){

return content;

}

public int getType(){

return type;

}

}


adapater类

package com.example.uitest;


import java.util.List;


import android.content.Context;

import android.text.Layout;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import android.widget.LinearLayout;

import android.widget.TextView;


public class MsgAdapter extends ArrayAdapter<Msg> {

private int resourceId;


public MsgAdapter(Context context, int textViewResourceId, List<Msg> objects) {

super(context, textViewResourceId, objects);

resourceId = textViewResourceId;

}


@Override

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

Msg msg = getItem(position);

View view = LayoutInflater.from(getContext()).inflate(resourceId, null);

ViewHolder viewHolder = new ViewHolder();

if(convertView != null){view = convertView;viewHolder = (ViewHolder) view.getTag();}

else {

viewHolder.leftLayout = (LinearLayout) view.findViewById(R.id.left_layout);

viewHolder.rightLayout = (LinearLayout) view.findViewById(R.id.right_layout);

viewHolder.leftMsg = (TextView) view.findViewById(R.id.left_msg);

viewHolder.rightMsg = (TextView) view.findViewById(R.id.right_msg);

view.setTag(viewHolder);

}

if(msg.getType() == Msg.MSG_RECEIVED){

viewHolder.rightLayout.setVisibility(View.INVISIBLE);

viewHolder.leftLayout.setVisibility(View.VISIBLE);

viewHolder.leftMsg.setText(msg.getContent());

}else{

viewHolder.leftLayout.setVisibility(View.INVISIBLE);

viewHolder.rightLayout.setVisibility(View.VISIBLE);

viewHolder.rightMsg.setText(msg.getContent());

}

return view;

}

public class ViewHolder{

LinearLayout leftLayout;

LinearLayout  rightLayout;

TextView leftMsg;

TextView rightMsg;

}

}

MAinACTIVITY

public class MainActivity extends Activity implements OnClickListener {


ListView listView;

Button btn_send;

TextView textView;

List<Msg> msgList = new ArrayList<Msg>();

MsgAdapter adapter;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_main);

listView = (ListView) findViewById(R.id.listview);

btn_send = (Button) findViewById(R.id.send);

textView = (TextView) findViewById(R.id.input_text);

Msg msg1 = new Msg("hello",0);

Msg msg2 = new Msg("who is that", 1);

Msg msg3 = new Msg("!!!", 0);

msgList.add(msg1);msgList.add(msg2);msgList.add(msg3);

adapter = new MsgAdapter(MainActivity.this, R.layout.activity_itemview, msgList);

listView.setAdapter(adapter);

btn_send.setOnClickListener(this);

}



@Override

public void onClick(View v) {

if (textView.getText().equals("")){Toast.makeText(MainActivity.this, "请输入一些东西吧", Toast.LENGTH_SHORT).show();}

else{

Msg msgsend = new Msg(textView.getText().toString(), 1);Msg msgres = new Msg("!!!!!!!!!!!!!!!!!!!!!!!", 0);

msgList.add(msgsend);

msgList.add(msgres);

adapter.notifyDataSetChanged();

listView.setSelection(msgList.size());

textView.setText("");

}

}


}


页面

© 著作权归作者所有

康康渐渐
粉丝 0
博文 13
码字总数 7271
作品 0
保定
私信 提问
加载中

评论(1)

康康渐渐
康康渐渐
我的对话框间距好大啊,经过研究,原来是View.GONE和View.INVISBLE;
基于Android平台简易即时通讯的研究与设计

1 Android平台简介 Android是Google公司于2007年11月5日推出的手机操作系统,经过2年多的发展,Android平台在智能移动领域占有不小的份额,由Google为首的40多家移动通信领域的领军企业组成开...

今幕明
2014/12/11
0
0
Android 的 LiveReload — jimu Mirror

用过 Sketch 的朋友应该都知道一个叫 Mirror 的功能,它可以将你的设计稿放到手机上预览,为设计师们提高了不少效率。而今天我要介绍的 jimu Mirror ,和 Sketch Mirror 类似,可以将 Androi...

specialcyci
2015/02/01
0
2
谷歌 Android 3.0 系统发布

北京时间2月3日凌晨消息,谷歌在今天发布了专用于平板电脑的Android 3.0 Honeycomb系统。这是首个基于Android的平板电脑专用操作系统,与用于手机的系统相比,Android 3.0的主要特点如下: ...

红薯
2011/02/04
2.3K
0
android 与c++通信问题

首先,服务器我使用vc写了一个简易的聊天室(服务端); 然后,我在android上,也写了一个简易的聊天程序,可以进收发,但 为什么,服务器上收到的是乱码。 ps.我在电脑上用java也写了一个客...

Dionysos
2012/05/19
684
3
仿微信的IM聊天时间显示格式(含iOS/Android/Web实现)[图文+源码]

本文为原创分享,转载请注明出处。 1、引言 即时通讯IM应用中的聊天消息时间显示是个再常见不过的需求,现在都讲究用户体验,所以时间显示再也不能像传统软件一样简单粗地暴显示成“年/月/日...

JackJiang2011
02/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

我为什么要写微信公众号

埋一颗种子,细心呵护,静待她枝繁叶茂,葱郁参天 V2论坛上有个帖子【做程序员最重要的还是一定要有自己的作品】,作者写道: 能有一个作品和你的名字联系在一起,应当成为在职业生涯前期着意...

运维咖啡吧
38分钟前
3
0
数据库

数据库架构 数据库架构可以分为存储文件系统和程序实例两大块,而程序实例根据不同的功能又可以分为如下小模块。 1550644570798 索引模块 常见的问题有: 为什么要使用索引 什么样的信息能成...

一只小青蛙
今天
5
0
PHP常用经典算法实现

<? //-------------------- // 基本数据结构算法 //-------------------- //二分查找(数组里查找某个元素) function bin_sch($array, $low, $high, $k){ if ( $low <= $high){ $mid = int......

半缘修道半缘君丶
昨天
5
0
GIL 已经被杀死了么?

本文原创并首发于公众号【Python猫】,未经授权,请勿转载。 原文地址:https://mp.weixin.qq.com/s/8KvQemz0SWq2hw-2aBPv2Q 花下猫语: Python 中最广为人诟病的一点,大概就是它的 GIL 了。...

豌豆花下猫
昨天
6
0
git commit message form

commit message一般包括3部分:Header、Body、Footer。 <type>(<scope>):<subject>blank line<body>blank line<footer> header是必需的,body、footer可以省略。 header中type、subject......

ninjaFrog
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部