1. 開發環境
1.1 開發工具
- IDE:AndroidStudio 2.3
- 語言:java
- jdk1.8
- 最低支援:Android4.1以上
1.2 測試環境
-
實測: 紅米4(android 6.0.1) 紅米Note5A(android 7.1.2) 測試完美執行。
-
實現了兩臺Android裝置在同一區域網內通過UDP進行實時的聊天通訊。實測支援顏文字,emoji。
-
操作簡單,輸入需要連線的對方的ip地址,即可馬上通訊。
2. 演示效果
-
輸入對方的IP地址
-
聊天介面
-
支援滑動檢視多條聊天記錄
3. 程式碼實現過程
3.1 介面程式碼
首先要寫好聊天介面的程式碼
-
聊天介面只要是簡單模仿常規聊天應用的介面
-
上方是一個TextView承載顯示所有聊天內容,下方是內容輸入框還有傳送按鈕。
-
如圖:
-
程式碼:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:paddingTop="20dp"
android:paddingBottom="10dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="8.5"
android:background="@drawable/shape_background_content"
android:orientation="vertical"
android:padding="5dp">
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/scrollView">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/tv_receive_content"
android:textSize="18sp"
android:textColor="#36b722"/>
</ScrollView>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:orientation="horizontal"
android:layout_weight="1">
<EditText
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="8"
android:layout_gravity="center"
android:id="@+id/et_send_content"
android:background="@drawable/shape_background_et"
android:layout_marginRight="5dp" />
<Button
android:layout_width="0dp"
android:layout_weight="1.5"
android:layout_height="wrap_content"
android:text="傳送"
android:layout_gravity="center"
android:id="@+id/btn_send"
android:background="@drawable/selector_button"/>
</LinearLayout>
</LinearLayout>
複製程式碼
- 注意:為了使介面美觀一些,我對按鈕和上方的聊天記錄顯示區的background進行了設定,寫了個圓角帶邊的shape來實現,具體下載demo程式碼可見。
3.2 java邏輯實現
3.2.1 基於UDP的Socket通訊
使用DatagramSocket進行基於UDP的Socket通訊
- 傳送資料:
public void sendDataWithUDPSocket(String str) {
try {
InetAddress serverAddress = InetAddress.getByName(ipAddr);
byte data[] = str.getBytes();
DatagramPacket packet = new DatagramPacket(data, data.length ,serverAddress ,10025);
socket.send(packet);
} catch (SocketException e) {
e.printStackTrace();
} catch (UnknownHostException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
}
複製程式碼
接收資料:
public void ServerReceviedByUdp(){
DatagramSocket socket;
try {
socket = new DatagramSocket(10025);
while (true){
byte data[] = new byte[4*1024];
DatagramPacket packet = new DatagramPacket(data,data.length);
socket.receive(packet);
String result = new String(packet.getData(),packet.getOffset() ,packet.getLength());
if(!TextUtils.isEmpty(result)){
WordsEvent wordsEvent=new WordsEvent(result);
EventBus.getDefault().post(wordsEvent);
}
System.out.println("收到資訊為:"+result);
}
} catch (SocketException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
}
複製程式碼
- 關閉Socket
public void disconnect(){
socket.close();
socket.disconnect();
}
複製程式碼
3.2.2 Manifests清單檔案
- 網路相關的許可權宣告:
<!-- 允許應用程式改變網路狀態 -->
<uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />
<!-- 允許應用程式改變WIFI連線狀態 -->
<uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />
<!-- 允許應用程式訪問有關的網路資訊 -->
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<!-- 允許應用程式訪問WIFI網路卡的網路資訊 -->
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<!-- 允許應用程式完全使用網路 -->
<uses-permission android:name="android.permission.INTERNET" />
複製程式碼
- ** activity加以下屬性避免軟鍵盤彈出時介面壓縮和遮擋條提案內容輸入框**
android:windowSoftInputMode="stateHidden|stateAlwaysHidden|stateUnspecified|adjustPan"
複製程式碼
3.2.3 IP地址合法性判斷
使用正規表示式判斷使用者輸入的IP地址的合法性
- 利用java API中的Patern,Matcher等類,使用正規表示式實現。
- 具體下載demo看原始碼。