聊天界面

1.运行效果图

2.核心代码

1.activity_main.xml

<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:background="#d8e0e8"
    android:orientation="vertical"
    tools:context="com.example.chatinterface.MainActivity" >

    <ListView
        android:id="@+id/msg_list_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:divider="#0000" />

    <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 something here"
            android:maxLines="2" />
        <requestFocus />

        <Button
            android:id="@+id/send"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="send" />
    </LinearLayout>

</LinearLayout>

2.msg_item.xml

<?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:orientation="vertical"
    android:padding="10dp" >

    <LinearLayout
        android:id="@+id/left_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:background="@drawable/left" >

        <TextView
            android:id="@+id/left_msg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp"
            android:textColor="#fff" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/right_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:background="@drawable/right" >

        <TextView
            android:id="@+id/right_msg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp" />
    </LinearLayout>

</LinearLayout>


3.MainActivity.java

package com.example.chatinterface;

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

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;


public class MainActivity extends Activity {
	private ListView msgListView;
	private EditText inputText;
	private Button send;
	private MsgAdapter adapter;
	private List<Msg>msgList=new ArrayList<Msg>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        initMsgs();
        adapter=new MsgAdapter(MainActivity.this,R.layout.msg_item,msgList);
        inputText=(EditText) findViewById(R.id.input_text);
        send=(Button) findViewById(R.id.send);
        msgListView=(ListView) findViewById(R.id.msg_list_view);
        msgListView.setAdapter(adapter);
        send.setOnClickListener(new OnClickListener(){
        	public void onClick(View v){
        		String content=inputText.getText().toString();
        		if(!"".equals(content)){
        			Msg msg=new Msg(content,Msg.TYPE_SEND);
        			msgList.add(msg);
        			adapter.notifyDataSetChanged();
        			msgListView.setSelection(msgList.size());
        			inputText.setText("");
        		}
        	}
        });
    }
    private void initMsgs(){
    	Msg msg1=new Msg("Hello guy.",Msg.TYPE_RECEIVED);
    	msgList.add(msg1);
    	Msg msg2=new Msg("Hello.Who is that?",Msg.TYPE_SEND);
    	msgList.add(msg2);
    	Msg msg3=new Msg("This is Tom.Nice talking to you.",Msg.TYPE_RECEIVED);
    	msgList.add(msg3);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}


4.Msg.java

package com.example.chatinterface;

public class Msg {
	public static final int TYPE_RECEIVED = 0;
	public static final int TYPE_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;
	}

}


5.MsgAdapter.java

package com.example.chatinterface;

import java.util.List;

import android.content.Context;
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;
	}
	public View getView(int position,View convertView,ViewGroup parent){
		Msg msg=getItem(position);
		View view;
		ViewHolder viewHolder;
		if(convertView==null){
			view=LayoutInflater.from(getContext()).inflate(resourceId, null);
			viewHolder=new ViewHolder();
			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);
		}else{
			view=convertView;
			viewHolder=(ViewHolder)view.getTag();
		}
		if(msg.getType()==Msg.TYPE_RECEIVED){
			viewHolder.leftLayout.setVisibility(View.VISIBLE);
			viewHolder.rightLayout.setVisibility(View.GONE);
			viewHolder.leftMsg.setText(msg.getContent());
		}else if(msg.getType()==Msg.TYPE_SEND){
			viewHolder.rightLayout.setVisibility(View.VISIBLE);
			viewHolder.leftLayout.setVisibility(View.GONE);
			
			viewHolder.rightMsg.setText(msg.getContent());
		}
		return view;
	}
	class ViewHolder{
		LinearLayout leftLayout;
		LinearLayout rightLayout;
		TextView leftMsg;
		TextView rightMsg;
		
	}

}


3.运行中出现的问题

对函数调用的不熟悉,使编写程序中出现许多问题。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用:自学了3个多月python,之前学习了socket,会写简单的在终端运行的聊天室,这段时间学习了tkinter,毕业设计准备做一个图形界面的网络聊天室。查阅了相关资料,然后自己花了大概2天写了一个基于python tkinter的图形界面聊天室,能力有限,下面分享一下我的思路和代码。 思路比较乱,想到什么说什么吧。。最初写的时候想用python的多进程,因为之前写过一个基于多进程的电子词典。也是没有图形界面的。可能是我初学Tkinter的缘故,感觉做个界面很费时间…用多进程写在聊天室中出现个问题。多进程不支持global。。导致我在发送消息的时候,互相接受不到。这就不得不改成多线程,多线程支持共享变量,通过这次的聊天室,我对线程进程的理解更清晰了点。 2. 说一下要写的代码 1.Server 服务端 2.Cilent 客户端(用类封装,在main函数中调用) 3.Main 主函数 (同时调用Client和登陆界面(loginPenal)) 4.loginPenal 登陆界面 5.registerPenal 注册界面 6.chatPenal 聊天界面 7.MD5 密码加密(参考自网上的代码,我自己不太了解加密) 3. 功能介绍: 1.登陆注册(Mysql) 2.群聊(自己的他人发的消息用绿色蓝色分开) 3.显示在线用户列表 4.用户进入退出聊天室系统提示,简单的敏感词汇屏蔽 大体上就这点功能,登陆注册比较简单 群聊和显示在线用户卡了我不少时间, 有思路但是实现起来有很多bug,可能是我写的代码不够好。。。。 引用:登陆成功后,关闭登陆窗口,进入聊天窗口,并且创建线程,准备处理聊天和刷新好友列表的请求 def goto_chat(username): frame.close() global chat_panel chat_panel = ChatPanel(username,send_message,close_login_window) Thread(target=get_message).start() chat_panel.show() 引用:先用wxFormBuilder创建好一个界面,创建好界面后点击F8生成python,直接将这个python代码复制粘贴进上面的工程中,如果不清楚这一步的,可以参考这个博客 https://blog.csdn.net/qq_24022753/article/details/84885222 完成这一步后,新建一个py文件,我命名为clientframe,如下图 在client.py中添加如下代码 import wx import noname class CliFrame(noname.MyFrame1): def __init__(self, parent): noname.MyFrame1.__init__(self, parent) def main(): app = wx.App(False) frame = CliFrame(None) frame.Show(True) app.MainLoop() if __name__ == "__main__": main() pass 根据引用内容,你已经成功地使用Python的Tkinter库创建了一个图形界面的网络聊天室。你使用了多线程来处理聊天和刷新好友列表的请求,并且使用了数据库进行登录注册的功能。在聊天界面中,你实现了群聊功能,对自己和他人发出的消息用不同颜色区分,并显示在线用户列表。此外,你还实现了简单的敏感词汇屏蔽功能。 在你的聊天界面中,登录成功后,关闭登录窗口并进入聊天窗口。在进入聊天窗口时,你创建了一个线程来处理聊天和刷新好友列表的请求,并显示聊天界面。 如果你想使用wxFormBuilder来创建界面,可以参考引用中提供的链接。该链接提供了使用wxFormBuilder创建界面并将生成的Python代码复制粘贴到你的项目中的步骤。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值