制作MIUI主题

合集下载

手机主题设计三个基本模块

手机主题设计三个基本模块

手机主题设计三个基本模块
1、需求分析
手机主题设计属于用户界面设计范畴,是指根据某一款智能手机的软硬件配置对其手机界面所有构成要素进行合理美化的过程,实现了一款智能手机可以拥有多款主题风格的个性化需求。

本文是在最大四大操作系统MIUI、EMUI、FymeOS、ColorOS这几个操作平台的基础上展开的,其中以Flyme的手机主题设计为主,目前魅族已推出基于Android5。

1定制FlymeOS5。

Fyme提供了全局主题的替换功能,让用户可以选择不同风格的手机主题或者任意搭配主题来彰显自己个性。

手机主题设计的构成要素主要有手机桌面壁纸、锁屏屏幕解锁方式、应用程序图标、系统程序、常用程序界面以及Widget小部件等。

2、主题的设计
主题切换的实现
目前常用的主题切换方式大致分为两种,一是插件切换主题,二是程序切换主题。

(1)插件切换主题。

将资源文件存放到assets中,主题的切换方式是根据程序的包名获取“Resource”对象中的资源对象,相当于VindowsOS中的安装程序,主要在单发程序方面应用较广。

(2)程序切换主题。

通过不同的style加载不同的资源文件。

主要在系统程序方面应用较广。

3、主题的实现
主题模板
各个主题开发工具制定有一定的规则,并放出相应的模板,开发者要依照该主题模板规则来制作主题。

主题应用主要用来包装已经设计好的主题资源,主题资源的放置必须按制定的规则来放置和编写。

主题应用有特定业务逻辑,需要特定的编码工作。

分享一款MIUI10高质量主题,深度优化,环形电池图标,可用!

分享一款MIUI10高质量主题,深度优化,环形电池图标,可用!

分享一款MIUI10高质量主题,深度优化,环形电池图标,可
用!
主题名字:X Pro,这款主题个人比较喜欢的就是状态栏图标样式,包括电池、WiFi、信号等图标,做的比较细且没有什么bug,由于MIUI10更新了数字电池后,很多第三方主题的电池数字不是过大溢出电池图标,就是过小小到看不清,这个个人觉得刚刚好,并且还环形电池!
另外通知栏开关图标采用的是原生风格,且布局改为5x5(无论展开还是收起),整体效果不错,可用作通知栏混搭!
图标是属于拟物小清新风格,图标大小是偏小的,第一眼看有种联想手机的感觉,这里像设置、相机等APP图标是动态的(一直动),个人并不是特别喜欢这种,但看着挺好看!
下面是这款主题深度优化的点,其中设置菜单选项图标、设备详情图标、更新界面、自带文件管理器图标、还有主题混搭界面图标,均进行了从新绘制,可以算的上是MIUI主题中的豪华版了,不过唯独缺少开机动画!
此外这款主题对刘海手机也有优化,可设置三种刘海样式,这个并非壁纸,说到壁纸主题内置几款壁纸,但都是这种纯色风格!
最后是锁屏界面,有通知显示、有快捷开关栏(底部上滑呼出),可自定义快捷方式,另外时间样式有两种可选,但没有充电样式,整体锁屏在同级别主题中属于中规中矩!。

超详细图文教你制作安卓手机主题

超详细图文教你制作安卓手机主题

超详细图文教你制作手机主题要制作个性专属的主题在你的爱机上应用,你手机必须要有ROOT权限,取权限方法可以看这里:很详细Root无须解锁最新教程==============教程正文:①准备好7张你喜欢的图片或照片,电脑端安装有Photoshop或美图秀秀等图片修改美化软件,电脑互联网搜索下即可有惊喜的,就不再上传了。

----------②教程用美图秀秀做参考,Photoshop软件应用也如是相同。

……1,将准备好的图片或照片,用软件打开,如图所示:------------------------------------------------------------2,将图片的分辨率用软件修改为:960x854的规格尺寸。

如图所示:------------------------------------------------------------修改好图片(照片)的尺寸后,记得保存图片选择:png格式保存,如图所示:------------------------------------------------------------3,使用裁剪工具..把图片裁剪一张854x480的图片,这张图片是作为背景的~短信背景,计算器背景,TrackID的背景等等…如图所示:------------------------------------------------------------图片裁剪好后依然保存为:png格式放置备用。

再次打开上张图片,还需要裁剪修改2张尺寸小些的图片,尺寸规格不要太大,如图所示:-----------------------------------------------------------要2张,就保存2次,格式依然是:png,再将其中1张用软件调暗些图片的亮度,这样在制作好的主题使用时,比如打开信息啊之类的就不会太亮,导致看不清文字。

每张要的图片都如上修改保存好-------------------------------保存好的图片要重新命名:1,960x854的是壁纸,名字修改为black_wallpaper.png2,854x480的是背景,名字修改为black_application_background.png3,320x180的是主题选择页面的预览图..名字修改为black_preview_focused.png和black_preview_normal.png两张,总共就四张图片。

miui制作锁屏教程

miui制作锁屏教程

通过数周精心打造,百变锁屏终于要发布了。

咱们的目标是最大化锁屏界面的自由度,让解锁界面和解锁方式能够通过主题包很方便的改换。

由于一直在调代码和编写主题包,没时刻写个很完善的教程,而且百变锁屏的功能点很多,一下子也说不完,这是一个很简单的教程,大体归纳了所有重要功能,可是写的比较简单,可能不太容易懂,咱们以后会慢慢完善,争取弄得图文并茂。

其实个人感觉学习这些东西最好的方式是看实例,通过看实例了解它的大体原理和运作方式,教程只是一个参考,用来查找一些东西比如支持什么变量什么的。

闲话不多说。

7.8 新增:Text新增自动转动功能,若是制定了宽度和转动速度marqueeSpeed,在文字超过宽度的时候会自动转动显示按钮元素,音乐操纵,见帖子后面7.15 新增:音乐操纵支持专辑封面显示见音乐操纵部份。

Image, Text, Time的属性 align= left, center, right 坐标点水平对齐方式Image, Time 属性 alignV= top, center, bottom 坐标点垂直对齐方式函数: round() 四舍五入取整int()向下取整Image 增加antiAlias 属性,默以为false,关于模拟时钟指针设置为true能够减少锯齿。

百变锁屏在主题包里的lockscreen/advance目录下,文件是描述脚本,脚本语法如下:1. 图片部件图片部件用来在锁屏界面上显示一个图片,能够指定各类属性<Image x="" y="" w="" h="" centerX="" centerY="" angle="" src="" srcid="" alpha="" antiAlias=""/>x,y : 相关于屏幕左上角的坐标w,h : 宽和高centerX, centerY : 旋转中心angle : 旋转角度,一周360度src : 图片名称srcid : 图片序列后缀数字,一样用变量表示,能够依照变量显示不同的图片,若是src="pic.png" srcid="1" 那么最后会显示图片 "pic_1.png"alpha : 透明度 0-255, 小于等于0不显示antiAlias: true/false 抗锯齿,若是为true图片在变形旋转时可不能有锯齿,可是速度会慢例子:<Image x="0" y="#screen_height-323" src="bottom_bg.png"/>2. 所有数值属性支持变量表达式,除src外。

小米主题制作教程

小米主题制作教程

小米主题制作教程为了满足标题所描述的内容需求,我将以教程的形式,系统地介绍小米主题的制作过程。

请按照以下步骤操作,并参考相应的格式。

第一步:准备工作在开始制作小米主题之前,需要准备以下材料和工具:1. 一台电脑(Windows 或 Mac)2. Xiaomi Theme Editor(小米主题编辑器)软件,可从小米官方网站或其他可信的下载来源获取3. 设计工具:Photoshop、Illustrator 或其他常见的设计软件4. 小米主题编辑器使用指南(可在软件下载完成后找到或从官方网站获取)第二步:选择主题类型在进入小米主题编辑器后,你需要选择一个主题类型,例如:锁屏、壁纸、图标、系统样式等。

根据你的需求选择合适的主题类型并进行下一步操作。

第三步:编辑主题1. 制作锁屏主题- 设计一张符合小米锁屏尺寸要求的图片(一般是1080 x 1920像素),可在设计软件中进行编辑和制作。

- 将设计好的锁屏图片拖拽到小米主题编辑器中的相应位置。

- 根据个人喜好,调整锁屏样式、字体颜色等参数。

- 添加个人信息、日期、时间等元素。

- 确认设计无误后,保存并导出锁屏主题。

2. 制作壁纸主题- 设计一张符合小米壁纸尺寸要求的图像(一般是1080 x 1920像素),可利用设计软件进行绘制或编辑。

- 将设计好的壁纸图像拖拽到小米主题编辑器中的相应位置。

- 根据个人偏好,调整壁纸的饱和度、对比度、色调等参数。

- 添加特效、滤镜等改进。

- 完成设计后,保存并导出壁纸主题。

3. 制作图标主题- 设计一套符合小米图标尺寸要求的图标,包括常用应用的图标设计。

- 将设计好的每个图标拖拽到小米主题编辑器中的相应位置。

- 对图标进行优化,调整颜色、透明度等参数。

- 根据需要,为图标添加动态效果。

- 完成设计后,保存并导出图标主题。

4. 制作系统样式主题- 根据小米主题编辑器提供的样式模板,进行系统样式的设计。

- 调整字体、颜色、图标等元素。

emui主题制作

emui主题制作

emui主题制作首先修改主题之前我们需要打开主题文件.可是华为主题后缀名为hwt我们无法在文件管理中直接打开.这个时候我们需要重命名后面加上.zip例如(阿狸.hwt)改为(阿狸.hwt.zip)如图;这样子主题文件就变成了压缩文件我们把它解压(最好新建一个目录'楼主新建了一个文件夹命名为1)主题文件大小不同解压得到的文件夹文件数目也不同.下面列出大部分常用文件夹文件释义文件夹audio … 铃声fonts … 字体preview … 预览图片unlock … 锁屏的一些图片还有配置文件都在这个文件夹wallpaper … 桌面壁纸锁屏壁纸文件(只列出大部分常用)这些文件现在都不能打开.打开方法下一楼说framework-res 框架文件.修改系统ui一般都更改这个文件. 比如重启菜单的背景图标都是在这个文件里framework-res-hwext 和框架类似.比如设置的背景图就是修改这个文件icons 这个就是桌面的图标文件com.android.contacts 拨号盘文件.手机拨号盘.拨号盘文件都是修改这个文件com.huawei.message 短信文件.修改短信背景.短信聊天框都是这个文件uncher 桌面文件.去除托盘白条.去除图标黑影就是这个文件com.android.settings 设置文件修改设置图标就是这个文件com.android.systemui 通知栏文件美化通知栏图标就是这个文件com.huawei.android.toolbox下拉栏文件.修改下拉图标什么的就是这个文件com.huawei.android.mewidget 华为的桌面时钟音乐控件联系人快捷图标的那个玩意就是这个文件com.android.phone 通话界面的文件com.android.gallery3d 图库文件基本常见的就这些对于楼上这些文件直接打开是打不开的.我们需要在文件后面加上后缀.zip 如icons改成icons.zip解压得到如图这就是我们桌面显示的图标文件.我们所说的修改就是把里面的图片替换大致的修改方法就是上面这些.应该挺详细了.接下来我们说修改后再变成主题文件的方法比如icons.zip我们修改好之后在修改成icons如(icons.zip)改为(icons)然后我们icons压缩回去.如图压缩结束会生成一个.zip文件如阿狸.zip我们把这个文件改成.hwt如(阿狸.zip)改为(阿狸.hwt)移动到hwthemes文件夹就可以应用了有的人说压缩了然后就不能用了.可能你们那里出错了。

【小米miui7主题XX】手机端小米手机MIUI6MIUI7主题XX教程

【小米miui7主题XX】手机端小米手机MIUI6MIUI7主题XX教程

【小米miui7主题XX】手机端小米手机MIUI6MIUI7主题XX教程史上最详细破解主题★教程★不废话啦,直入主题。

1.首先电脑要有JAVA(这个就不说了自己百度吧,有些电脑还要设置环境变量)2.首先要进入小米官方主题商店,这里有个简便方法。

直接在小米官网网址的xiaomi前面加上zhuti.就行了3.进入后随便找到自己喜欢的主题4.把网址中的“detail”改为“download”。

然后按回车便可下载未破解的主题。

5.建议下载到桌面上,得到如下图6.打开主题破解工具(置顶帖网盘里有)7.把下载好的主题拖到工具的界面上,再点击确定。

8.得到文件夹,如下图9.打开文件夹,找到下图中的文件夹,然后打开10.在文件上右键打开属性,点详细信息。

修改标题,改完点确定。

★两个文件都要改哦★标题改成什么都行,我这里为了方便改成了1。

11.再次打开破解工具,把修改后的主题文件夹拖上去。

点击“生成完整包”12.等到显示“打包完成”即可13.得到下图文件。

14.就该放到手机里使用啦,这个就不用多说了。

先装wsm,再装mi-tools,最后再装ThemeManager2(用于下载小米主题)。

打开wsm,激活mi-tools,重启后就可以用ThemeManager2下载并用小米全部主题了。

(此教程仅适用已root手机)相关软件下载链接:pan.baidu./s/1qW6nbac主题教程一、MIUI主题首先,我们手机的UI是由很多部分组成的,如锁屏、通知栏、桌面壁纸、图标等等。

如果我们把手机比喻成一个房子,上述的部分可想象成房子的门、窗、地板、吊灯、座椅等。

那我们可以认为原生的android系统就是一个毛坯房,MIUI是在这之上的一个简装,自定义主题就是你自己给房子做的。

MIUI提供主题自定义功能,其实就相当于帮你请了一个工程队,你可以用从众多装修方案(主题包)中选择自己喜欢的效果,最后交给工程队实施。

而装修方案可大可小,大至全屋翻新,小到只换一盏灯。

miui制作锁屏教程

miui制作锁屏教程

经过数周精心打造,百变锁屏终于要发布了。

我们的目标是最大化锁屏界面的自由度,让解锁界面和解锁方式可以通过主题包很方便的更换。

由于一直在调代码和编写主题包,没时间写个很完善的教程,而且百变锁屏的功能点很多,一下子也说不完,这是一个很简单的教程,基本概括了所有重要功能,但是写的比较简单,可能不太容易懂,我们以后会逐渐完善,争取搞得图文并茂。

其实个人觉得学习这些东西最好的方法是看实例,通过看实例了解它的基本原理和运作方式,教程只是一个参考,用来查找一些东西比如支持什么变量什么的。

闲话不多说。

7.8 新增:Text新增自动滚动功能,如果制定了宽度和滚动速度marqueeSpeed,在文字超过宽度的时候会自动滚动显示按钮元素,音乐控制,见帖子后面7.15 新增:音乐控制支持专辑封面显示见音乐控制部分。

Image, Text, Time的属性align= left, center, right 坐标点水平对齐方式Image, Time 属性alignV= top, center, bottom 坐标点垂直对齐方式函数:round() 四舍五入取整 int()向下取整Image 增加antiAlias属性,默认为false,对于模拟时钟指针设置为true可以减少锯齿。

百变锁屏在主题包里的lockscreen/advance目录下,manifest.xml文件是描述脚本,脚本语法如下:1. 图片部件图片部件用来在锁屏界面上显示一个图片,可以指定各种属性<Image x="" y="" w="" h="" centerX="" centerY="" angle="" src="" srcid="" alpha="" antiAlias=""/>x,y : 相对于屏幕左上角的坐标w,h : 宽和高centerX, centerY : 旋转中心angle : 旋转角度,一周360度src : 图片名称srcid : 图片序列后缀数字,一般用变量表示,可以根据变量显示不同的图片,如果src="pic.png" srcid="1" 则最后会显示图片"pic_1.png"alpha : 透明度0-255, 小于等于0不显示antiAlias: true/false 抗锯齿,如果为true图片在变形旋转时不会有锯齿,但是速度会慢例子:<Image x="0" y="#screen_height-323" src="bottom_bg.png"/>2. 所有数值属性支持变量表达式,除src外。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

主题教程
(2.10.30)
一、MIUI主题
首先,我们手机的UI是由很多部分组成的,如锁屏、通知栏、桌面壁纸、图标等等。

如果我们把手机比喻成一个房子,上述的部分可想象成房子的门、窗、地板、吊灯、座椅等。

那我们可以认为原生的android系统就是一个毛坯房,MIUI是在这之上的一个简装,自定义主题就是你自己给房子做的装修。

MIUI提供主题自定义功能,其实就相当于帮你请了一个工程队,你可以用从众多装修方案(主题包)中选择自己喜欢的效果,最后交给工程队实施。

而装修方案可大可小,大至全屋翻新,小到只换一盏灯。

目前MIUI会自带两个主题包,达人们也可以设计自己的主题包,大家就可以借用达人们共享出来的设计。

二、准备工作
1.主题测试机器
工欲善其事必先利其器,做题之前首先得有一部能刷MIUI的手机作为测试机。

MIUI现有支持v4的机型分成按分辨率,可分成两类480p(480*854和480*800)与720p(720*1280),分辨率对以后的主题制作有这影响,见后面详述。

480p的机子有:
小米手机1/1S (自带MIUI)、HTC Desire S、HTC Incredible S、Samsung I9100、华为 Honor、索爱 LT18i 、Google Nexus S
720P的机子有:
小米手机2(自带MIUI)、Google Galaxy Nexus、Galaxy S III I9300、Google Galaxy Nexus、华为Ascend D1、索尼LT26i、HTC One X、LG LU6200
附上刷机教程连接/download.html
注意:在针对新版主题客户端的测试方案上线之前,主题制作者只能在2.10.26开发版或之前版本进行测试
2.设计界面
制作主题之前可先根据官方提供的主题界面模板,对主题界面进行设计,然后再进行切图,将设计稿切片,分成各个小部分,用与主题制作。

3.主题制作软件的安装
官方主题工具:/thread-642823-1-1.html
使用此工具需要java环境的支持,未安装的同学请下载:
/themeeditor/jre6_2.8.3_aajfe.zip
解压得jre6文件夹,将其放到到MIUIThemeEditor目录下(图1所示)。

1.windows下运行,“run-windows.bat“
2.linux下运行,“run-linux.sh”
3.mac os运行,“mand”
图1
三、主题制作
1.主题工具的使用
打开主题工具后可点击文件新建主题(图2),或选择打开主题模板
点击下载制作模板:v4主题模板.mtz(25.15 MB, 下载次数: 61962)
点击下载补全界面模板:下载
图2
解压主题包:拖拽后缀名为mtz格式的主题文件,置于主题工具上(如图3),等待一段时间,便会有一个与mtz文件名称相同的文件夹陈升,这便是解包操作。

图3
打开主题以后可看到(图4)主题名称、制作者、设计者,以及主题版本等信息,此为必填项目,ui版本选择为4.0,点击下方保存主题按钮主题文件夹内就会生成description.xml文件,来记录下这些信息。

图4
主题打包mtz:点击工具下方打包即可生成mtz格式主题文件。

点击打包并导入手机可将主题打包并导入手机并应用,前提必须开启手机的USB调试,并安装手机驱动,驱动可通过豌豆荚、qq手机管家等android pc管理软件进行安装,能连上这类管理软件即代表手机驱动安装完成。

2.图片替换
不同分辨率的手机,其图片素材尺寸以及素材存放的位置也有所不同。

如图5所示
图5
以桌面图标为例,480p图标文件放在drawable-hdpi,720p则为drawable-xhdpi,其他模块的文件位置存放位置也与之相似。

桌面图标替换:打开主题工具,先在左边选择要替换的图标,然后点击图片选择对应的图标进行替换,也可使用拖拽的方式,将要替换的图标直接拖至其上方,完成替换。

(见图6)
图6
图标除了直接替换对应的图片外,还可以通过几张特定的图片来控制图标风格风格(主要用于第三方图标的风格统一),icon_border.png为最上面的一层;icon_mask.png控制图标显示大小形状,黑色区域显示图标形状;icon_pattern.png为不变色背景,
icon_background.png变色背景,会根据图标颜色生成各种颜色背景。

如图7所示,
图7
主题图片素材当中还有一种重要的图片格式,叫做9.png。

这种格式的图片是安卓平台上新创的一种拉伸却不失真的图片,这种图片主要用于一些尺寸不固定的图片,或者上面的是上面的内容区与需要特殊控制的图片,比如短信气泡,输入文字框等。

这种图片的文件名会是xxx.9.png这种格式,用主题工具解包以后,所生成的9.png图片其上下左右各会有1像素黑边,
如图8所示
1号黑色条位置控制图片横向拉伸区域,就是左图纵向绿色区域
2号黑色条位置控制图片纵向拉伸区域,就是左图横向绿色区域
3号黑色条位置控制输入框内文字显示的上下位置,即右图紫色区域上下边界
4号黑色条位置控制输入框内文字显示的左右边距,即右图紫色区域左右边界
图8
黑边可以在ps内直接画上,也可通过主题工具内附带的软件进行编辑(如图9)。

在使用画黑边时如果失误多选了部分,可按住shift键,再点击即可擦掉,最后按ctrl+s保存。

需要注意的是9.png图片必须画上黑边,不然在应用图片的时候,即使放了对应的图片手机上也不会显示。

用ps画黑边的时候需要注意,必须用纯黑色,不能有色差。

图9
3.主题工具中的模块介绍
主题内基本模块
Com.android.contacts 通讯录以及拨号
Com.android.fileexplorer 文件管理器
Com.android.mms 短信
Com.android.providers.downloads.ui 下载管理
Com.android.settings 设置
Com.android.systemui 通知栏以及任务管理器
Com.android.updater 系统更新
Com.miui.antispam 防打扰
Com.miui.backup 备份
Com.miui.home 桌面
workassistant 流量监控
framework-miui-res MIUI全局
framework-res Android原生全局
以上模块为主题工具内带有图解的模块
MIUI全局和Android原生全局内主要存放文件是会在各种界面都会调用到的东西,比如按钮,弹窗,进度条等等,如在当前模块没有想要修改的素材时,可以去全局找。

接下来以对短信模块的修改为例子,简单的说说使用如何使用主题工具对主题进行编辑。

点击模块,若当前无此模块可将手机连上电脑,通过手机导入素材。

图10
选择要替换的图片,右边区域会显示图片存放的路径,以及默认素材图片尺寸,图10的中的黑圈中的数字就是默认素材的尺寸。

将从设计稿内提取的素材替换进去,然后使用主题工具内提供的9.png工具,画上内容区与拉伸区。

替换完成后点击打包并导入手机,测试替换效果。

5.简单锁屏的制作
百变锁屏在主题包里的lockscreen/advance目录下,manifest.xml文件是描述脚本,以上代码为简单的iphone锁屏的代码,所谓的解锁就是将解锁起始点移动到解锁区域的过程,在这个解锁过程中可以沿着运动轨迹(图中的白线path)进行,也可完全自由的运动,当解锁起始点完全包含在结束区域时解锁完成。

XY坐标为图片左上角的点,因为miui支持不同分辨率,所以在写坐标时需要注意,当图片以屏幕底部对齐时,其y坐标,需要以这种形式书写:y="#screen_height-89",意思其y坐标是以屏幕高度减去图片距离屏幕底部的高度。

附上百变锁屏综合教程
/share/link?shareid=114192&uk=1090759843
6.theme_values.xml文件说明
主题文件内除了图片以外,还有theme_values.xml,这个主要用于控制当前模块下的文字颜色,提示文字等信息。

里面的颜色代码与普通的十六进制颜色代码不同,是在还在前面增加了2位用于控制文字透明度,可在主题工具中点击切换编辑模式查看当前模块的
theme_values.xml文件
7.关于壁纸和铃声
替换铃声
将准备好的铃声放在主题包的ringtones目录下,并按如下规则命名。

来电铃声:ringtone.mp3
通知铃声:notification.mp3
闹钟铃声: alarm.mp3
替换壁纸(包括桌面壁纸和锁屏壁纸)
桌面壁纸和锁屏壁纸放在主题包的wallpaper 目录下:
桌面壁纸:default_wallpaper.jpg
锁屏壁纸: default_lock_wallpaper.jpg。

相关文档
最新文档