每周一招,教你玩转MIUI主题第二招:个性list 不知道上一招的学习对大家的个性tab 有多少帮助呢?既然tab 栏可以如此个性,一定有同学会因为个性的tab栏影响到list 的美观,那么本周为大家讲的就是列表(list)。下面我们用米兔主题来做例子。 1.当大家设计个性的tab 背景后,会出现如图1所示,list被tab栏盖住了。 2.这时我们需要截图量出完整list的高度和被切首行list的高度的差值。如图2所示。 3.接下来打开编辑器,选择模块framework-miui-res选择dime值,如图3,找到v5_action_bar_overlay_height,把值改成((139-119)/2=)10,导入手机。完美呈现图4! (当第一行的list距离tab的高度比其他list间的距离要大时,那么此时我们要修改的这个数值“10”,就应该为“-10”了) 4.既然首行list 会遇到被遮现象,那么末行list 是不是也会出现类似现象呢?如图5所示。 5.我们要做的和第2步是一样的,量出他们的差值。如图6所示。6.接下来打开编辑器,选择模块framework-miui-res选择dime值,如图7,找到v5_split_action_bar_overlay_height,把值改成((139-97)/2=)-21,导入手机。完美呈现图8! (当第末行的list距离bottom的高度比其他list间的距离要大时,那么此时我们要修改的这个数值“-21”,就应该为“21”了)下面再为大家演示下改dime值可以实现的另外一个效果 6,当我们的tab栏做了投影时,如果我们不改这个dime值,效果就会如图9所示,列表往上移时,字被切掉了。但我们把这个dime改后,就能完美实现我们的投影效果了。图10.看不清的童鞋可以看我放大后的对比图图11。
2015年07月02日
by叛逆yu
每周一招,教你玩转MIUI主题第一招:个性TAB栏大家是否在为设计主题时尺寸的把握发愁?是否在为面对个性设计的制作发愁?这周开始我每周都会和大家分享一点MIUI主题的技巧。 在MIUI主题里,有一些地方的尺寸是不需要跟着设计稿的尺寸走的,可以自由把握,设计出更个性的主题。这周为大家讲的是顶栏(title&tab)。 下面我们用米兔主题来做例子。 1.先把TAB背景按设计稿的尺寸147px切图。 2.用主题编辑器把图替换到相对应的位置。导入手机。发现如图1所示,tab按钮被压得挫爆了。 3.那么这时,我们用PS量取刚才我们切出的TAB.BG的图,除了.9后的高度。如图2所示。 4.打开主题编辑器,选择模块framework-res--选择dime值(图3),找到action_bar_stacked_max_height,把值改成(147/2=)74,再选择模块framework-res-miui--选择dime值(图4),找到v5_action_bar_height,把值改成(147/2=)74,导入手机。完美呈现图5。
2015年07月02日
by叛逆yu