｛5.13更新｝解决顶栏天气与时间重叠的方案（新增锁屏状态日期与天气冲突的解决方案

78945612 · 发表于 2011-5-12 00:50

本帖最后由 78945612 于 2011-5-14 22:44 编辑

｛5月13日更新方案｝
编辑systemui.css：
删除#date-and-time和.clock之后｛｝中原字段定义，并分别添加以下字段
#date-and-time {position: fixed; top: 0; left: 136px; height: 16px; line-height:16px; width: 100%; max-width: 60px; font-size: 16px; font-weight: bold;}

.clock {position: fixed; top: 0; left: 142px; height: 16px; max-width: 60px; font-size: 16px; font-weight: bold; line-height: 16px; width: 180%;}

效果图：

（ps：锁屏状态下无法截图，此处略过...见谅！）

｛以下为5月12日方案｝
进入usr/lib/luna/system/luna-systemui/stylesheets目录下，复制出systemui.css文件并用notepad++打开，寻找到clock { font-size: 14px}字段，将括号中的“font-size: 14px”替换为“position: fixed; top: 0; left: 130px; height: 16px; max-width: 60px; font-size: 14px; line-height: 16px; color: green”，最后用WQI发送回/usr/lib/luna/system/luna-systemui/stylesheet/后重启。

问题解决前的截图

问题解决后的截图

marbery3 · 发表于 2011-5-12 01:50

不错..这个要支持

blazefizz · 发表于 2011-5-12 05:16

这个太麻烦了。用org.webosinternals.patches.advanced-system-behavior补丁就可以了。

1kingkong · 发表于 2011-5-12 08:55

很好很大强

wytchenyan · 发表于 2011-5-13 11:29

郁闷，不小心将systemui.css文件删除了，楼主发一个给我吧

78945612 · 发表于 2011-5-13 14:02

回复 wytchenyan 的帖子

给你
不晓得适合你的手机设置不？

wytchenyan · 发表于 2011-5-13 16:21

本帖最后由 wytchenyan 于 2011-5-13 16:58 编辑

多谢，试了但不能使用。顶部变成一个白框框了。楼主转成汉化版后给我试试

karajan · 发表于 2011-5-13 18:00

为啥前面加星期呢

78945612 · 发表于 2011-5-13 21:21

回复 wytchenyan 的帖子

不知道你的机器装了其他顶栏补丁或作了其他改动
如果出现白框
请尝试以下解决方案：
1、用internalz可打开systemui.css
将#statusbar项下的background-color：后的字段修正为black试试
ps：我尝试将background-color：后字段修改为red后
顶栏就变成红色框了
2、从未作变更的rom中提取systemui.css文件
再将现有systemui.css覆盖后重启Luna试试
下为原装systemui.css

如果尝试上述方案仍无法修正
阁下还得另觅高人啦

Ghopne · 发表于 2011-5-13 23:06

感谢分享

苏州超人 · 发表于 2011-5-14 22:11

本帖最后由苏州超人于 2011-5-14 22:23 编辑

78945612 发表于 2011-5-12 00:50
# {( [1 o; B0 a2 {｛5月13日更新方案｝
( m6 ?4 W1 l" c- \( n; U4 F编辑systemui.css：" ], @/ Z7 J4 _
删除#date-and-time和.clock之后｛｝中原字段定义，并分别添加以 ...

感谢楼主，很不错！但是用我的图片前应该告诉我一声啊！
另外楼主有一个笔误吧：
在date-and-time里，应该是font-weight:bold吧

下面左图是修改前的效果，右图是修改后的效果：

修改后的效果
1、时间不再与天气预报字体重叠——这个非常好！
2、时间字体增大一个像素——如果第一行天气预报信息太长不够显示的话（如显示为isolated thunderstorms），会自动换行与第二行重叠！楼主能否在这种情况把时间字体右移？见下图（引用自cjking 的图片）

78945612 · 发表于 2011-5-14 22:38

本帖最后由 78945612 于 2011-5-14 22:45 编辑

回复苏州超人的帖子

嘿嘿
首先，对引用阁下的PP作为反面教材表示友好的歉意
其二，对于位移时间的问题，请参照以下处理
将.clock {position: fixed; top: 0; left: 142px; height: 16px; max-width: 60px; font-size: 16px; font-weight: bold; line-height: 16px; width: 180%;}中的left: 142px字段中的142px放大，如160px，其含义就是距左边的像素数。

最后呢，如果将.clock设置为根据左边的字符数自动向右位移就好了，不过俺已经力所能及了，再抱歉...

ps：以修正font-weight: bold，再次感谢！

78945612 · 发表于 2011-5-14 22:48

本帖最后由 78945612 于 2011-5-15 00:06 编辑

另外，个人感觉天气的字体稍粗了些，可以在#weather-temp {position: fixed; top: 0; left: 28px; height: 16px; max-width: 100px; font-size: 14px; font-weight: 100; line-height: 16px;}/* ADD: StatusbarWeatherWidget*/

#weather-status {position: fixed; top: 15px; left: 28px; height: 14px; margin: 0px 0px 0px 0px; font-size: 11px; font-weight: 100; line-height: 10px; letter-spacing: 1px;}/* ADD: StatusbarWeatherWidget*/

中增加font-weight: 100字段，如上所示
这样天气就不会那么抢眼啦.....

78945612 · 发表于 2011-5-14 23:09

回复 78945612 的帖子

对于首行换行问题
建议不要选择更新天气时间的提示
这样首行就不会那么长啦...

苏州超人 · 发表于 2011-5-15 20:53

78945612 发表于 2011-5-14 23:09 2 Y+ a( a5 |4 z( H' s1 C
回复 78945612 的帖子' j( M( F4 _. j6 f- V( H3 ]# A
( a, B" W1 v( h2 A. T
对于首行换行问题

呵呵看帖不仔细！我早就把更新的时间显示去掉了！
两个bug楼主去掉了一个——与时间字体部分重叠的问题
还有一个问题就是我引用的第三张图：一旦首行显示太长（如isolated thunderstorms），必然导致温度显示到第二行而发生重叠。如楼主所述，将.clock设置为根据左边的字符数自动向右位移就能解决这最后一个bug了，期待高手出现！

hunhau520 · 发表于 2011-9-16 12:24

你们说的都是什么东西啊？
有没有在锁屏状态能显示时间的补丁啊？

账号		自动登录	找回密码
密码			加入我们

[软件及汉化] ｛5.13更新｝解决顶栏天气与时间重叠的方案（新增锁屏状态日期与天气冲突的解决方案

本帖子中包含更多资源

评分

点评

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源