[制作教程] 【每周一招，教你玩转MIUI主题】第十五招：个性文件夹

发布时间： 2015-05-05 15:11

      大家是否还记得2.3和V4时期的文件夹背景呢？到了V5时代，我们默认的主题文件夹背景是透明的。所以大家可能就误解了我们主题里文件夹背景是不可改的。其实不然，我们的文件夹背景依然能跟着我们设计的主题风格走的。这周我会告诉大家文件夹的制作原来和设计技巧，希望大家能更好的完善和设计自己的主题。

文件夹的组成：

com.miui.home\res\drawable-xhdpi：

folder_background.9.png（文件夹背景）

folder_setting_rename_bg.9.png（文件夹titile编辑模式输入框）

folder_setting_confirm_n.9.png（文件夹titile编辑模式按钮常态）

folder_setting_confirm_p.9.png（文件夹titile编辑模式按钮二态）

folder_scrollbar_v.9.png（文件夹右侧滚动条）

下面我给大家看一个主题制作好的效果图：

再给大家看看拆解图：

下图1左边的红框框选的为：folder_setting_rename_bg.9.png（文件夹titile编辑模式输入框）

右边框选的为：

folder_setting_confirm_n.9.png（文件夹titile编辑模式按钮常态），  

folder_setting_confirm_p.9.png（文件夹titile编辑模式按钮二态）

下图2框选的为：folder_scrollbar_v.9.png（文件夹右侧滚动条）

       了解清楚原理后，对于设计师：可以根据自己的主题风格设计好文件夹的背景图，宽至少为三个图标一行的宽度，高度不限，最高为1120px。

如果希望文件夹显示的大小能根据里边图标的多少而进行缩放，那么设计时就要参考前面一讲的系统控件弹窗篇的设计技巧了，因为文件夹背景和弹窗的缩放原理是一样的。

如果不考虑跟着文件夹里边图标的多少进行缩放，那么你的文件夹背景可以做任意文理的设计，不需要考虑缩放问题。

       对于制作者，制作上原理和弹窗一样，可以拉伸的文理，图标显示的内容区切一行图标的高度就可以了，这样就能根据图标的多少进行放大了。如果是不可拉伸文理。可直接根据设计稿的大小切图制作。folder_background.9.png（文件夹背景）此图的内容区是控制folder_setting_rename_bg.9.png（文件夹titile编辑模式输入框）

folder_setting_confirm_n.9.png（文件夹titile编辑模式按钮常态）

folder_setting_confirm_p.9.png（文件夹titile编辑模式按钮二态）这

这三张图和文件夹里边图标的显示区域的。而文件夹title名字的位置是由folder_setting_rename_bg.9.png，folder_setting_confirm_n.9.png，folder_setting_confirm_p.9.png这三张图的位置和内容区控制。所以如果你发现title文字不居中，你可以通过调整这三张图的大小，位置和点9黑边，可通过留空白像素达到你想要的居中效果。可根据我提供的这几张切图研究。附件为切图包。