用html模擬的微信聊天介面

2021-07-25 14:30:54 字數 2988 閱讀 6117

>

>

charset

="utf-8"

>

name

="aplus-terminal"

content

="1"

>

name

= content="

">

name

= content

="yes"

>

name

= content

="black-translucent"

>

name

="viewport"

content

="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"

>

name

="format-detection"

content

="telephone=no, address=no"

>

>

titletitle

>

type

="text/css"

>

/*公共樣式*/

body,h1,h2,h3,h4,p,ul,ol,li,form,button,input,textarea,th,td

body,button,input,select,textarea

h1,h2,h3,h4

ul,ol

aa:hover

imgbutton,input,select,textarea

table

/*rem*/

html

body

body .mobile-page

/*浮動*/

.fl.fr

.clearfix:after

body

.mobile-page

.mobile-page .admin-img, .mobile-page .user-img

i.********-admin,i.********-user

.mobile-page i.********-admin

.mobile-page i.********-user

.mobile-page .admin-group, .mobile-page .user-group

.mobile-page .admin-group

.mobile-page .user-group

.mobile-page .admin-reply, .mobile-page .user-reply

.mobile-page .admin-reply

.mobile-page .user-reply

.mobile-page .user-msg, .mobile-page .admin-msg

.mobile-page .user-msg

style

>

head

>

>

class

="mobile-page"

>

class

="user-group"

>

class

="user-msg"

>

class

="user-reply"

>

我要搶樓span

歡迎來搶樓!歡迎來搶樓!歡迎來搶樓!歡迎來搶樓!歡迎來搶樓!歡迎來搶樓!歡迎來搶樓!span

>

div>

div>

class

="user-group"

>

class

="user-msg"

>

class

="user-reply"

>

我要搶樓我要搶樓我要搶樓。span

歡迎來搶樓!歡迎來搶樓!歡迎來搶樓!歡迎來搶樓!歡迎來搶樓!歡迎來搶樓!span

>

div>

div>

div>

body

>

html

>

Android仿微信聊天介面

專案已經傳到了github 同樣我先說下思路 1.定義訊息型別需要將所有的訊息字段定義出來,那麼需要哪些欄位了 如上圖所示,這裡就不解釋了 3,如何布局?private void setimagelayout final imageview img,string url else img.setla...

關於微信聊天介面更換背景

關於su ceview豎屏問題 小公尺4手機測試,camera.setdisplayorientation 90 可以實現 哈哈,不動了吧。但是頂部被覆蓋了 因為是整個window的背景的原因 那咋辦呢。還是兩層布局,為啥背景圖被壓縮了?我也不知道,可不可以讓背景圖不被壓縮,可以!套乙個scroll...

高仿微信聊天介面長按彈框樣式

網上找了一下,沒找到。android 現成的 listpopupwindow 又不能滿足需求。關鍵檔案 示例 及使用方法等我都放到 github 上了。這篇文章就不展開說明了。這篇文章重點說明下怎麼把這個樣式給擼出來的。說明一些關鍵點。讓大家知其然,更加知其所以然。傳送門 popupwindow 預...