主题文章

> 教程

[制作教程] 【每周一招,教你玩转MIUI主题】第二招:个性list

发布时间: 2015-07-02 16:30

每周一招,教你玩转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。

Image title


亲,你需要登录后才能对该作品进行评论喔!

登录 立即注册

全部评论