AndroidJava_WebSocket实现与后台聊天通讯
转载请带上原著连接哦~~
弄了2天做出来的聊天,真的是⼼痛,也没什么难得东西,主要还是不熟悉,就会出错,很尴尬!
先放松⼀下:来段舞蹈吧!
WebSocket简介
WebSocket协议是基于TCP的⼀种新的⽹络协议。它实现了浏览器与服务器全双⼯(full-duplex)通信——允许服务器主动发送信息给客户端。
WebSocket通信协议于2011年被定为标准RFC 6455,并被RFC7936所补充规范。
话不多说,先上图:
不过图⽚的话也没有多少张,简单聊天⽽已嘛
对了,代码写的有点粗糙,咱就这⽔平,不喜勿喷啊
这次尽量发全点⼤家可以直接使⽤,是我所希望的
这是采⽤recycleview绘制的聊天界⾯:
我们发送⽂字传递到后台,后台会收到我们穿的json去进⾏解析,进⾏记录
好了图⽚也就这样了,没什么⽑病,后续我们可以⾃⾏添加动态效果。
ok进⼊正题,⾛着您呢~
主界⾯如下:
两张.9图 放在mipmap的xhdpi中,虽然会报红,但是没关系,继续⽤就可以了在Drawable图⽚会被放⼤的
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="schemas.android/apk/res/android"
xmlns:app="schemas.android/apk/res-auto"
xmlns:tools="schemas.android/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#F7F6F6"
tools:context="com.lgoutech.chatuidesigndemo.MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="44dp"
android:gravity="center_vertical"
android:background="#00A9FF"
android:layout_alignParentTop="true"
android:id="@+id/tab_top"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="客户"
android:textSize="18sp"
android:layout_centerInParent="true"
android:textColor="#FFF"
/>
</RelativeLayout>
<android.support.v7.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/chat_recy"
android:layout_below="@+id/tab_top"
android:layout_above="@+id/chat_lay"
>
</android.support.v7.widget.RecyclerView>
<View
android:layout_width="match_parent"
android:layout_height="1px"
android:background="#B2B2B2"
android:layout_above="@+id/chat_lay"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:orientation="horizontal"
android:layout_alignParentBottom="true"
android:background="#F9F9F9"
android:gravity="center_vertical"
android:padding="3dp"
android:id="@+id/chat_lay"
>
<ImageView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:src="@mipmap/icon_chat_add"
android:layout_weight="1"
android:id="@+id/img_add"
/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="8"
android:background="@drawable/chat_edit_bg" android:layout_margin="6dp"
android:gravity="center"
>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@null"
android:padding="3dp"
android:textSize="14sp"
android:id="@+id/edit_context"
android:maxLines="3"
/>
</LinearLayout>
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="发送"
android:layout_weight="1.5"
android:textSize="18sp"
android:gravity="center"
android:id="@+id/txt_send"android retrofit
android:textColor="@color/text_send_press"
/>
</LinearLayout>
</RelativeLayout>
记得添加⽹络权限哦
所需要⽤的第三⽅框架
compile 'com.android.support:recyclerview-v7:26.1.0'
compile "org.java-websocket:Java-WebSocket:1.3.6"
compile 'fit2:converter-gson:2.1.0'
主界⾯MainActivity: 已经做了相关的注释
public class MainActivity extends AppCompatActivity implements View.OnClickListener, View.OnTouchListener {
private static final int STATUS_MESSAGE = 0x00;
private RecyclerView chatRecy;
private ContextMsg msg;
private List<ContextMsg> msgList;
private ChatRecyAdapter chatRecyAdapter;
private EditText editContext;
private TextView txtSend;
//⼤家⾃⼰吧,我⽤的内⽹,⼤家也⽤不了的,哈哈
private static final String url = "ws://服务端地址:端⼝97/";
private URI uri;
JWebSClient client;
private Handler mhandler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
String mess = (String) msg.obj;
switch (msg.what) {
case STATUS_MESSAGE:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论