找回密码
 加入我们

QQ登录

只需一步,快速开始

搜索
查看: 3031|回复: 7

转 1月9日更新,体验全新聊天模式][andynear简约主义] DIY你的个性短信聊天模式界面

[复制链接]
发表于 2010-1-11 14:58 | 显示全部楼层 |阅读模式
转至  IOICN 中文数码论坛
$ X8 Y/ V0 {0 {) U. [[1月9日更新,体验全新聊天模式][andynear简约主义] DIY你的个性短信聊天模式界面  `0 Z0 j8 U5 H. K, S
感谢所有支持的朋友!!谢谢你们,我也会继续努力,找到更完美的修改方法的途径,如果转帖,请一定注明IOICN和andynear 小生的名字。。谢谢了。
9 M9 l% M, i1 R2 B- ^/ n1.9 更新:andynear 绿色系0.6版& y' w0 z; y; A: r. M, q
      短信的聊天模式应该是手机短信模式的必然方向了吧;但是WM的短信聊天模式却一直让我们提不起精神,不因为别的,就单单从设计上来讲吧,明明可以做的好看点的,所以也因此而诞生了很多第三方的短信聊天,感觉不错的。(在XDA又看到,具体名字忘了,那个软件的界面蛮好看的)。
* L0 u( L7 n1 E" I9 |2 Z" T" }      偶然在论坛里找到一个修改聊天模式字体大小的帖子,需要用到iframe_style.css这个文件,稍微多加留意了一下,突然发现这个文件其实就掌控聊天模式下的短信界面,一阵狂喜,这就意味着可以修改这个CSS文件而达到修改短信界面的目的。
0 M" |% w' z  F8 t- Y       所以也就诞生我这篇小帖子,呵呵;这个自己DIY自己短信界面的方式很简单,只要动用一个原来的系统文件就可以了,而且很小巧,效果也很不错。& [5 s8 @, }  `0 A  Q" |: X! y

+ ^( A% m  E# Q  u! L' o5 R& L【类型】
* c2 l* T/ z1 ]  O( {系统文件修改的替换
/ d9 E* s4 W: p% G' p【提示】
! M9 {+ N6 L% z% s- U; \修改系统文件有一定的危险性,由此引发的系统问题,本人不负责哈。呵呵,不过我的还没有发现任何问题,如果你发现了问题,可以回帖反应# r# h  m6 t! R0 @$ z
【应用环境】; |) r7 b+ d" @: r9 N& |
WM6.5\6.1;. V- y7 i% z  F
【屏幕】: E2 j. h: B9 S- v. ?2 k
QVGA \ WQVQA \ VGA \ 方屏(请根据不同版本选择)
2 v- _6 J* S0 f9 u【帮助】  U, g* ~9 J8 J9 A5 [( ]
把文件直接解压到windows目录,如果提示覆盖就覆盖可以了;
, B7 G) M& n/ }+ j建议用之前把你的iframe_style.css备份一份,以防万一。) B& ]' t& r) a) t1 U" ]
覆盖完了之后,在任务管理器里关闭Tmail.exe这个进程,重新打开短信就可以了。1 M3 `: W7 N( R) f; [
【现存问题】
' s  t9 I9 M6 C- O0 `7 O) F. [有时候会出现如14楼图片的“故障”,我也还没有遇到,呵呵;不过初步推测是因为进入这个界面要加载图片,可能第一次打开短信会出现这种情况;5 ]% F" P& }( q3 e$ L# }* T3 F
解决方法:试一试重新进入短信或者拨动一下短信内容都会激发重新载入背景;
8 I$ {: q, F2 @* @4 x7 b4 W9 X8 U! K& i% {. T1 d
16 K- g( m% ^6 t, ?" X$ k
[简约0.1版本]
; x6 I7 n  V! {* f最初版本的设计很简单;基本就是原来的聊天界面做了一点修饰;但有简约的好处。& D; L6 Z  V! d8 S* f& p; x
【屏幕】
/ y1 \9 u) s  ?5 }0 _& [所有通用
+ d9 }( M: @. E5 e- I   & B! j0 O2 x7 `4 {" Q
' c  s" ^' v. K( _4 \1 [
2010-1-7 08:07 PM+ G  R  p3 }" C; C: E) d
简约0.1.rar (1.3 KB)  简约0.1.rar (1.3 KB)
. P* `8 A- J  T- p下载次数: 91
8 G# c: z$ T6 O
/ W8 o, X7 k6 ]0 A: M. Z7 X2010-1-7 08:07 PM9 w) K( G/ T: f  r/ _$ r0 X0 Q
) h9 S. p8 N0 Q  J
26 j! D2 W6 I. N8 l; M2 @; t  Z
[andynear绿色系0.2版本]
. m; f, g( n% S0 G% p6 }所以这个版本相比较而言改动较大。" l$ u5 t2 l3 @  A9 Z2 ^
主要就是去掉了聊天界面下的对方和自己的名字,图标;当然时间也就不显示了;
" k0 x3 X. s' `2 Y* {7 H" f因为我觉得进入聊天模式,我们就已经知道是在和谁聊天了,每条短信都显示联系人实在没有必要,当然时间显示还是很有用处的,但暂时不能兼得;8 h7 e( X7 @  h
【屏幕】
# S- [) M8 v/ s. N# e4 {# M所有通用
' a7 I6 ?2 k2 {3 q   01.jpg (23.99 KB)3 v9 R% K4 q" V2 A  D6 ^
+ V  i( t* k7 W/ `! E- Z( e
2010-1-7 08:07 PM      02.jpg (23.42 KB)( l+ G7 N% p3 G" E" l7 G3 @( x$ D
: S; Q2 K7 c# T( c& I. p
2010-1-7 08:07 PM( f& B+ P3 h2 v) A; h" d
andynear green simple.zip (4.01 KB)  andynear green simple.zip (4.01 KB), Z3 G; e! v0 {' Y, g
下载次数: 424
  a# y* r+ y6 d" ?# P# t7 |9 u. z$ b1 l, K* [
2010-1-9 09:54 PM
  m9 C+ o) }9 w. d& v' D如果你觉得很有必要加上那个联系人名称和图标,把这个iframe_style.css下载下来覆盖上面的那个就可以了。
8 f) f0 t6 J+ J1 H   01.jpg (21.84 KB)
9 `8 k! {5 N  J( i7 {2 e  ?0 X/ N
: G) E/ b8 V- U  U+ Y. O0 Q2010-1-7 08:07 PM! C" X8 P8 |4 S$ Y
% m; t5 V" ^. H9 z5 e0 @

( G6 b9 E) ?( t1 c: v) G/ G0 y( B0 H4 d( Z+ C
30 _7 i2 d/ Q/ A8 k
[Andynear简约系0.2版本]3 u6 C) \$ q$ G1 K) G
这个算是在0.1的基础上修改的。  w7 G; n. M" |0 Y9 J2 z
还是比较喜欢自己这款改动的,简单;! p. S+ P+ B# F, f+ L* q4 D
这个不用多解释了,看图吧。
7 k% q+ f7 A" T3 ?! M- ?【屏幕】
7 R1 f0 u3 k1 I: S- r, h& _! n, `所有通用& A' R/ U' l; a/ l' U) ~0 A
   02.jpg (22.64 KB)) g" h2 e0 x; [6 t% z7 ?+ \

6 H3 ?* [' F: h5 X4 G+ u2010-1-7 08:07 PM      03.jpg (19.45 KB)# s8 x8 w) q" Z0 R( ~9 t1 D9 \

, ~1 N# m7 D0 u2010-1-7 08:07 PM
+ d- \. j' i$ U! w; |2 c andynear简约主义.rar (9.32 KB)  andynear简约主义.rar (9.32 KB): M* o; O, l4 |# W
andynear简约主义0.2
0 _6 l* P4 z$ |% Z, S下载次数: 235
# ]0 A5 h1 W2 F2 i
; b  ]- @- e& \2 r" E2010-1-7 08:07 PM% U' x0 y! s+ ?# ?5 l7 ~2 J
  |, N% u$ `+ H# E

' ]- [  ?$ r( h4. l: _  P8 Y' @- r
[Andynear 绿色系0.6版]' s6 ~8 I% I- Q) L& G
推荐使用!!, S+ T, \, k  J; p! q0 P( Z
这是改动比较大的一个版本了;7 N: r( w0 i# _) [' L
个人感觉比较好看了;具体就看图吧;
8 L% v/ v, _* L2 k1 k【屏幕】
/ B" r" \$ L- |) k4 z2 E( @: U屏幕宽度分辨率是240的均完美支持(QVGA WQVGA);效果如下:
7 X7 z1 O1 y! D- J) S( x+ t! U   01.jpg (21.46 KB)
7 a8 z3 V" W8 f& G0 Q, N( Z# N
1 ^+ u6 G* X3 q( @2010-1-9 06:38 PM      04.jpg (19.51 KB), k6 Y6 K; G, b+ f5 r9 F
- s' O9 l$ ^- }. A$ Y4 _
2010-1-9 06:38 PM
" T4 u- B; X  a: e屏幕宽度分辨率是320的亦完美支持(包括横屏);
" v; ]: Z( a" i* w/ u; W   02.jpg (14.9 KB)! _: {- v  p- H

+ t! _  S* a5 q* @$ W- B/ k2010-1-9 06:38 PM      03.jpg (13.75 KB)
  O  P- s* G: ~$ x5 A/ |: W% l. q- _( y5 x8 U
2010-1-9 06:38 PM
5 l& j) W6 M; U犯错了!!!抱歉啊!
& n% U- T  N9 j' a6 |- f我没有VGA的手机在身边,一直理所当然的以为VGA得分辨率是QVGA成倍的放大的;所以我的做的那个版本就是图片和参数成倍放大的,感谢136 138楼同学的图,我才发现,其实VGA下的DPI和QVGA如果是一样的对于分辨率的要求也是一样的。* i) z# x2 i! m4 }$ H) A. m
请VGA和WVGA的同学下载通用版,这个是不区分屏幕分辨率的;- A0 {$ Q0 b" a$ q4 J- M0 S
如果通用版出现问题,请再联系我。
7 h; ?' q  ^6 n4 Z  d0 y最后真的表示歉意,浪费大家时间了。
; a+ K, }2 y4 o7 y3 |**************************1.10凌晨更新***********************************
1 F" a  Z, ]5 b3 Y- g  X  S1.6.5新UI使用这个版本会出现一些问题,时间显示栏严重错位,是因为系统的问题;% D3 p( p3 L9 w2 d4 w
现在已修复,请重新下载,不好意思,之前没有意识到新旧UI的6.5会出现这种问题;
4 }9 N% c5 U9 g' y& X3 }4 R! D同时,有人问如何实现下图那样详细时间的效果,呵呵,这个我没辙,这是6.5新UI的新特性,想体验这种效果,就刷最新版的系统吧!
5 Y* @  W! k2 z" s" i2 ]2.修改了一些小细节,听取了大家的意见,左右箭头表示对话框;5 l  W- a+ O9 S# ~3 v+ n; g: \
修改了未读和最新发送短信的显示;
, |% z2 r" m/ x3 P6 a: x! @   01.jpg (16.52 KB)
9 W, B4 ~: ~; ?/ t7 u4 O9 e
0 Y! Z: {0 _& p* {$ O6 A) A2010-1-10 03:15 AM
( a" K" U3 s; K. W1 A   02.jpg (14.06 KB)4 w& {+ m: n2 U& t  ?
. |5 Z& A& b: }3 N) V( j
2010-1-10 03:15 AM   03.jpg (15.73 KB)
3 r4 u% j0 |  c! T2 \$ D. q
4 _3 z4 V4 x& a  a8 g2010-1-10 03:15 AM
1 @2 H9 t6 O6 M% ^ andynear 绿色 0.6.rar (41.85 KB)  andynear 绿色 0.6.rar (41.85 KB)# a3 L- _% u: t! b# {
下载次数: 733
, z) a$ l& e1 p2 U; H/ N2 `
) f# F2 n1 h0 N2 @2010-1-10 07:56 PM该版本支持6.1 / 6.5(21**)旧UI系统(有人有这个未读短信的图标会被遮住,因为压缩匆忙,不是最近的一个文件,现在已经修复了;);& C; z3 Z2 K) S. @
andynear 绿色系 0.6 (新UI 6.5版).rar (41.93 KB)  andynear 绿色系 0.6 (新UI 6.5版).rar (41.93 KB)
0 k0 s1 D8 h2 i" H, k, V) t下载次数: 233  I' C4 P8 {$ @; y9 D3 B7 O

" q1 l8 ~4 K/ x/ F9 ~- C* i2010-1-10 04:09 PM该版本支持6.5新UI;. G- m7 r: P' x1 [
% H. e$ S. h6 Q
+ {2 z8 Z$ Z6 t% c- A
提示:
4 j+ W+ \/ K! ?- q  ?$ R9 v7 V) S1.此版背景图较多,可能导致低配手机打开较慢;, D: Q3 [) y& _! _. i: w
2.如果出现标题栏“与***对话”分栏过多问题,请移到135楼,这个版本把上面的标题文字设置为一行,就不会出现这种问题了;
( I5 h" S0 q# [3.有出现137楼的问题,可以先试试135楼,这个文件做了一些调整;如果不行,我还在修改中,不清楚这个原因,看看能和系统版本有关系。! Q$ S  `: \7 h& O7 }
, B# L3 E8 T! Z5 o! l  C! d' J2 T
[文件解析]
+ e. ^" O0 T/ V4 q1 a. V$ |iframe_style.css 是用来控制短信界面显示效果的CSS文件(如果你懂CSS语言,可以自己修改的,包括颜色,背景图片等);
# J: C8 n4 |$ A: k, g% V' wsmsbg_in 这个是收到短信的背景图片;如果你要修改,找到你想要的背景图,重命名覆盖就可以了;修改的时候注意尺寸大小;如果有修改问题,可以回帖提问;
) ]& C. |5 G" K+ `' A' ysmsbg_out 这个是发送短信的背景图片;修改同上;6 C- A! P% w. [1 F" U6 P1 m8 V: O
smsbg_un 这个是未读短信的背景图片;修改同上;8 y  T+ [1 }$ _1 p- Q1 U2 C# [) }
Smstitle 这个是标题背景图片;修改同上;" w, j! }0 O; E4 ~9 f. s
+ ~- v# J: y$ X5 P( x) B- I
[特别说明]& D  B& X0 B4 ~: G! O" Q$ Y
在同学的C730试验过,SP完美支持,只要将下载下来压缩包里的iframe_style.css文件改为iframe_style.0804.css,再将所有文件复制到windows目录下文件即可。/ m/ c  g$ r4 R( M8 E
+ q* V- a  a0 S: I) X
[ 本帖最后由 xxziqi 于 2010-1-10 08:06 PM 编辑 ]
5 ?1 k) O/ f5 Q, d2 \  z6 {附件
( L" @4 {4 T7 v6 @: u  v# x7 M iframe_style.rar (877 Bytes)
" x4 ~# z* Q8 {; \0 L2010-1-8 05:53 PM, 下载次数: 336
- g% }! [. s. ]9 S: e& ` andynear_绿色_0.6.rar (41.85 KB, 下载次数: 481) andynear_绿色系_0.6_(新UI_6.5版).rar (41.93 KB, 下载次数: 546) iframe_style.rar (877 Bytes, 下载次数: 356)   p+ V7 N4 g& A3 [8 J8 V3 G6 z" M

& I9 Q" A7 t: E+ ~6 {[ Edited by haobbbbb on 2010-1-11 15:04 ]
回复

使用道具 举报

发表于 2010-1-11 16:38 | 显示全部楼层
没图片啊!
回复 支持 反对

使用道具 举报

发表于 2010-1-11 17:37 | 显示全部楼层
不懂  是不是发错地了?
回复 支持 反对

使用道具 举报

发表于 2010-1-11 17:49 | 显示全部楼层
无图无真相
回复 支持 反对

使用道具 举报

发表于 2010-1-11 18:35 | 显示全部楼层
没图啊 这贴应该火 前提是要有图
回复 支持 反对

使用道具 举报

发表于 2010-1-11 20:00 | 显示全部楼层

看不到东西

老大没图片啊
回复 支持 反对

使用道具 举报

发表于 2010-1-11 21:16 | 显示全部楼层
貌似没把图复制过来啊:)1
回复 支持 反对

使用道具 举报

发表于 2010-3-15 22:10 | 显示全部楼层
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

QQ|Archiver|手机版|小黑屋|吹友吧 ( 京ICP备05078561号 )

GMT+8, 2024-9-20 14:57 , Processed in 0.339879 second(s), 18 queries .

Powered by Discuz! X3.5 Licensed

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表