twrp 的ui.xml文件在bootable/recovery/gui/devices/$(DEVICE_RESOLUTION)/res目录里面

下面我主要分析的是720x1280分辨率的界面布局及功能的实现。

文件的一开始有如下的定义：

<recovery>

    <details>

        <resolution width="720" height="1280" />

        <author>TeamWin</author>

        <title>Backup Naowz</title>

        <description>Default basic theme</description>

        <preview>preview.jpg</preview>

    </details>

    <resources>

        <resource name="font" type="font" filename="Roboto-Condensed-30" />

        <resource name="mediumfont" type="font" filename="Roboto-Condensed-30" />

        <resource name="filelist" type="font" filename="Roboto-Condensed-30" />

        <resource name="top_bar" type="image" filename="top-bar.jpg" />

        <resource name="main_button" type="image" filename="menu-button" />

        <resource name="file_icon" type="image" filename="file" />

        <resource name="folder_icon" type="image" filename="folder" />

        <resource name="slideout" type="image" filename="slideout" />

        <resource name="progress" type="animation" filename="indeterminate" />

        <resource name="progress_empty" type="image" filename="progress_empty" />

        <resource name="progress_full" type="image" filename="progress_fill" />

        <resource name="checkbox_false" type="image" filename="checkbox_empty" />

        <resource name="checkbox_true" type="image" filename="checkbox_checked" />

        <resource name="radio_false" type="image" filename="radio_empty" />

        <resource name="radio_true" type="image" filename="radio_selected" />

        <resource name="medium_button" type="image" filename="medium-button" />

        <resource name="sort_button" type="image" filename="sort-button" />

        <resource name="minus_button" type="image" filename="minus-button" />

        <resource name="plus_button" type="image" filename="plus-button" />

        <resource name="home_icon" type="image" filename="home-icon" />

        <resource name="back_icon" type="image" filename="back-icon" />

        <resource name="slider" type="image" filename="slider" />

        <resource name="slider-used" type="image" filename="slider-used" />

        <resource name="slider-touch" type="image" filename="slider-touch" />

        <resource name="unlock-icon" type="image" filename="unlock" />

        <resource name="keyboard1" type="image" filename="keyboard1" />

        <resource name="keyboard2" type="image" filename="keyboard2" />

        <resource name="keyboard3" type="image" filename="keyboard3" />

        <resource name="keyboard4" type="image" filename="keyboard4" />

        <resource name="cursor" type="image" filename="cursor" />

    </resources>

定义的是要调用的资源的相关参数

<variables>

        <variable name="col1_x" value="10" />

        <variable name="col2_x" value="373" />

        <variable name="col_center_x" value="191" />

        <variable name="col_center_medium_x" value="275" />

        <variable name="center_x" value="360" />

        <variable name="row1_y" value="170" />

        <variable name="row2_y" value="410" />

        <variable name="row3_y" value="650" />

        <variable name="row4_y" value="890" />

        <variable name="col1_center_x" value="179" />

        <variable name="col2_center_x" value="552" />

        <variable name="row1_text2_y" value="310" />

        <variable name="row2_text2_y" value="550" />

        <variable name="row_queue_y" value="760" />

        <variable name="row1_header_y" value="120" />

        <variable name="row1_text_y" value="170" />

        <variable name="row2_text_y" value="220" />

        <variable name="row3_text_y" value="270" />

        <variable name="row4_text_y" value="320" />

        <variable name="row5_text_y" value="370" />

        <variable name="row6_text_y" value="420" />

        <variable name="row7_text_y" value="470" />

        <variable name="row8_text_y" value="520" />

        <variable name="row9_text_y" value="570" />

        <variable name="row10_text_y" value="620" />

        <variable name="row11_text_y" value="670" />

        <variable name="row12_text_y" value="720" />

        <variable name="row13_text_y" value="770" />

        <variable name="row14_text_y" value="820" />

        <variable name="row15_text_y" value="870" />

        <variable name="row16_text_y" value="920" />

        <variable name="row17_text_y" value="970" />

        <variable name="row18_text_y" value="1020" />

        <variable name="zip_status_y" value="615" />

        <variable name="tz_selected_y" value="160" />

        <variable name="tz_set_y" value="950" />

        <variable name="tz_current_y" value="1180" />

        <variable name="col_progressbar_x" value="234" />

        <variable name="row_progressbar_y" value="1100" 

                  ...

                  ...

        <variable name="slidervalue_lineh" value="2" />

        <variable name="slidervalue_padding" value="20" />

        <variable name="slidervalue_sliderw" value="10" />

        <variable name="slidervalue_sliderh" value="60" />

    </variables>

variables: 定义的是相关的变量，图标的位置，变量的颜色。

下面是最基本的模块 <templates> ,里面定义了头部分，进度条

<templates>

                <!-- 这个是头部分定义 ，第一个page 都会调用到的

                 在这里定义了版本信息，电量信息，……

                 -->

        <template name="header">

            <background color="#000000FF" />

            <object type="image">

                <image resource="top_bar" />

                <placement x="0" y="0" />

            </object>

            <object type="text" color="%text_color%">

                <font resource="font" />

                <placement x="120" y="10" />

                <text>Team Win Recovery Project  v%tw_version%</text>

            </object>

            <object type="text" color="%text_color%">

                <condition var1="tw_simulate_actions" var2="1" />

                <font resource="font" />

                <placement x="120" y="45" />

                <text>SIMULATING ACTIONS</text>

            </object>

            <object type="text" color="%text_color%">

                <font resource="font" />

                <placement x="120" y="76" />

                <text>%tw_time%</text>

            </object>

            <object type="text" color="%text_color%">

                <font resource="font" />

                <placement x="270" y="76" />

                <conditions>

                    <condition var1="tw_no_battery_percent" var2="0" />

                    <condition var1="tw_battery" op=">" var2="0" />

                    <condition var1="tw_battery" op="<" var2="101" />

                </conditions>

                <text>Battery: %tw_battery%</text>

            </object>

            <object type="button">

                <highlight color="%highlight_color%" />

                <placement x="%home_button_x%" y="%home_button_y%" />

                <font resource="font" color="%button_text_color%" />

                <text></text>

                <image resource="home_icon" />

                <condition var1="tw_busy" var2="0" />

                <action function="key">home</action>

            </object>

            <object type="button">

                <highlight color="%highlight_color%" />

                <placement x="%back_button_x%" y="%back_button_y%" />

                <font resource="font" color="%button_text_color%" />

                <text></text>

                <image resource="back_icon" />

                <condition var1="tw_busy" var2="0" />

                <action function="key">back</action>

            </object>

            <object type="action">

                <touch key="power" />

                <action function="overlay">lock</action>

            </object>

        </template>

下面分析最简单的功能 <page name="reboot"> <!-- 这个是重启菜单的定义布局 -->

     <page name="reboot">

             <object type="template" name="header" />   <!-- 这里引用临时模块header ,用于显示时间和电量，及版本信息 -->

             <object type="text" color="%text_color%">    <!--  开始 text 变量的定义，也是文字的颜色 -->

                 <font resource="font" />                 <!-- 引用字体资源 ，在最开始的资源变量中有定义 -->

                 <placement x="%center_x%" y="%row1_header_y%" placement="5" />  <!-- 这是是定义菜单的显示位置 -->

                 <text>Reboot Menu</text>            <!-- 显示在reboot菜单的最顶端， "Reboot Menu" -->

             </object>                               <!-- 结束 text 的定义 -->

             <object type="button">                 <!-- 按钮定义 -->

                 <highlight color="%highlight_color%" />

                 <condition var1="tw_reboot_system" var2="1" />

                 <placement x="%col1_x%" y="%row1_y%" />        <!-- 定义这个按钮的位置， 在第一行，第一列 -->

                 <font resource="font" color="%button_text_color%" />

                 <text>System</text>

                 <image resource="main_button" />      <!-- 声明这个按钮是主按钮，-->

                 <actions>                             <!-- 声明要执行的操作 -->

                     <action function="set">tw_back=reboot</action>      <!-- 声明要返回的page -->

                     <action function="set">tw_action=reboot</action>     <!-- 声明要执行的命令reboot ,这个命令人在actions.cpp中会检查 -->

                     <action function="set">tw_action_param=system</action>    <!-- 命令要用到的参数，这里是system

                     <action function="set">tw_has_action2=0</action>

                     <action function="set">tw_text1=No OS Installed! Are you</action>

                     <action function="set">tw_text2=sure you wish to reboot?</action>

                     <action function="set">tw_action_text1=Rebooting...</action>

                     <action function="set">tw_complete_text1=Rebooting...</action>

                     <action function="set">tw_slider_text=Swipe to Reboot</action>

                     <action function="page">rebootcheck</action>

                 </actions>

             </object>

             <object type="button">

                 <highlight color="%highlight_color%" />

                 <condition var1="tw_reboot_poweroff" var2="1" />

                 <placement x="%col2_x%" y="%row1_y%" />    <!-- 位置是第一行，第二列 -->

                 <font resource="font" color="%button_text_color%" />

                 <text>Power Off</text>

                 <image resource="main_button" />

                 <actions>

                     <action function="set">tw_back=reboot</action>

                     <action function="set">tw_action=reboot</action>

                     <action function="set">tw_action_param=poweroff</action>

                     <action function="set">tw_has_action2=0</action>

                     <action function="set">tw_text1=No OS Installed! Are you</action>

                     <action function="set">tw_text2=sure you wish to power off?</action>

                     <action function="set">tw_action_text1=Turning Off...</action>

                     <action function="set">tw_complete_text1=Turning Off...</action>

                     <action function="set">tw_slider_text=Swipe to Power Off</action>

                     <action function="page">rebootcheck</action>

                 </actions>

             </object>

             <object type="button">

                 <highlight color="%highlight_color%" />

                 <condition var1="tw_reboot_recovery" var2="1" />

                 <placement x="%col1_x%" y="%row2_y%" />    <!-- 第二行，第一列 -->

                 <font resource="font" color="%button_text_color%" />

                 <text>Recovery</text>

                 <image resource="main_button" />

                 <actions>

                     <action function="set">tw_back=reboot</action>

                     <action function="set">tw_action=reboot</action>

                     <action function="set">tw_action_param=recovery</action>

                     <action function="set">tw_has_action2=0</action>

                     <action function="set">tw_text1=No OS Installed! Are you</action>

                     <action function="set">tw_text2=sure you wish to reboot?</action>

                     <action function="set">tw_action_text1=Rebooting...</action>

                     <action function="set">tw_complete_text1=Rebooting...</action>

                     <action function="set">tw_slider_text=Swipe to Reboot</action>

                     <action function="page">rebootcheck</action>

                 </actions>

             </object>

             <object type="button">

                 <highlight color="%highlight_color%" />

                 <condition var1="tw_reboot_bootloader" var2="1" />

                 <placement x="%col2_x%" y="%row2_y%" />

                 <font resource="font" color="%button_text_color%" />

                 <text>Bootloader</text>

                 <image resource="main_button" />

                 <actions>

                     <action function="set">tw_back=reboot</action>

                     <action function="set">tw_action=reboot</action>

                     <action function="set">tw_action_param=bootloader</action>

                     <action function="set">tw_has_action2=0</action>

                     <action function="set">tw_text1=No OS Installed! Are you</action>

                     <action function="set">tw_text2=sure you wish to reboot?</action>

                     <action function="set">tw_action_text1=Rebooting...</action>

                     <action function="set">tw_complete_text1=Rebooting...</action>

                     <action function="set">tw_slider_text=Swipe to Reboot</action>

                     <action function="page">rebootcheck</action>

                 </actions>

             </object>

             <object type="button">

                 <highlight color="%highlight_color%" />

                 <condition var1="tw_download_mode" var2="1" />

                 <placement x="%col1_x%" y="%row3_y%" />

                 <font resource="font" color="%button_text_color%" />

                 <text>Download</text>

                 <image resource="main_button" />

                 <actions>

                     <action function="set">tw_back=reboot</action>

                     <action function="set">tw_action=reboot</action>

                     <action function="set">tw_action_param=download</action>

                     <action function="set">tw_has_action2=0</action>

                     <action function="set">tw_text1=No OS Installed! Are you</action>

                     <action function="set">tw_text2=sure you wish to reboot?</action>

                     <action function="set">tw_action_text1=Rebooting...</action>

                     <action function="set">tw_complete_text1=Rebooting...</action>

                     <action function="set">tw_slider_text=Swipe to Reboot</action>

                     <action function="page">rebootcheck</action>

                 </actions>

             </object>

             <object type="action">

                 <touch key="home" />    <!-- 在菜单的最底部，定义的动作， home 键 -->

                 <action function="page">main</action>   <!-- 回到的<page name="main">

             </object>

             <object type="action">

                 <touch key="back" />           <!-- 返回键 back -->

                 <action function="page">main</action>

             </object>

             <object type="template" name="footer" />    <!-- 临时模块 footer -->

         </page>                                          <!-- page 模块的结束 -->

下面来讲解一下实现sideload功能的page

 <page name="sideload">

             <object type="template" name="header" />

             <object type="text" color="%text_color%">

                 <font resource="font" />

                 <placement x="%center_x%" y="%row1_header_y%" placement="5"/>

                 <text>ADB Sideload</text>

             </object>

             <object type="checkbox">    <!--这里是checkbox 选项 ,其中的变量，需要修改data.cpp -->

                 <placement x="%col1_x%" y="%row2_text_y%" />

                 <font resource="font" color="%text_color%" />

                 <text>Wipe Dalvik Cache.</text>

                 <data variable="tw_wipe_dalvik" />     <!-- 这个变量的定义如下：mvalues.insert(make_pair("tw_wipe_cache", make_pair("0", 0))); 初始化为 0 即， false -->

                 <image checked="checkbox_true" unchecked="checkbox_false" />   <!-- 设置相应的图片显示已经选，没有选 -->

             </object>

             <object type="checkbox">

                 <placement x="%col1_x%" y="%row3_text_y%" />

                 <font resource="font" color="%text_color%" />

                 <text>Wipe Cache.</text>

                 <data variable="tw_wipe_cache" />

                 <image checked="checkbox_true" unchecked="checkbox_false" />

             </object>

             <object type="slider">

                 <placement x="%slider_x%" y="%slider_y%" />

                 <resource base="slider" used="slider-used" touch="slider-touch" />

                 <actions>

                     <action function="set">tw_back=advanced</action>

                     <action function="set">tw_action=adbsideload</action>

                     <action function="set">tw_action_text1=ADB Sideload</action>

                     <action function="set">tw_action_text2=Usage: adb sideload filename.zip</action>

                     <action function="set">tw_complete_text1=ADB Sideload Complete</action>

                     <action function="set">tw_has_cancel=1</action>

                     <action function="set">tw_show_reboot=1</action>

                     <action function="set">tw_cancel_action=adbsideloadcancel</action>

                     <action function="page">action_page</action>       <!-- 这个page 实现的功能就是，新开一个page,并显示进度条 -->

                 </actions>

             </object>

             <object type="text" color="%text_color%">

                 <font resource="font" />

                 <placement x="%center_x%" y="%slider_text_y%" placement="4" />

                 <text>Swipe to Start Sideload</text>    <!-- 在slider里面显示的文件 -->

             </object>

             <object type="action">

                 <touch key="home" />

                 <action function="page">main</action>

             </object>

             <object type="action">

                 <touch key="back" />

                 <action function="page">advanced</action>

             </object>

             <object type="template" name="footer" />

         </page>

twrp 2.7.0 ui.xml简单分析，布局讲解，第一章的更多相关文章

  1. 《DirectX 9.0 3D游戏开发编程基础》 第一章 初始化Direct3D 读书笔记

    REF设备 参考光栅设备,他能以软件计算方式完全支持Direct3D Api.借助Ref设备,可以在代码中使用那些不为当前硬件所支持的特性,并对这此特性进行测试. D3DDEVTYPE 在程序代码中, ...

  2. 深入学习重点分析java基础---第一章：深入理解jvm(java虚拟机) 第一节 java内存模型及gc策略

    身为一个java程序员如果只会使用而不知原理称其为初级java程序员,知晓原理而升中级.融会贯通则为高级 作为有一个有技术追求的人,应当利用业余时间及零碎时间了解原理 近期在看深入理解java虚拟机 ...

  3. PDF格式简单分析

    上周因需要编辑了下PDF,用了一两个试用软件,感觉文字版的PDF还是挺好编辑的.想要研究一下PDF格式. 0. 站在前辈的肩膀上 从前辈的文章和书籍了解到 PDF文件是一种文本和二进制混排的格式,二进 ...

  4. 【Android】11.0 UI开发（二）——列表控件ListView的简单实现1

    ************************ 转载请注明出处:https://www.cnblogs.com/xiaofu007/p/10342462.html ***************** ...

  5. 【Android】12.0 UI开发（三）——列表控件ListView的简单实现2

    1.0 由于书上内容,已经和实际编程的兼容性已经不太友好,重写了项目,用于进一步学习列表控件ListView. 2.0 新建项目ListViewTest,其中文件目录如下: 3.0 ActivityC ...

  6. iOS开发UI篇—简单的浏览器查看程序

    iOS开发UI篇—简单的浏览器查看程序 一.程序实现要求 1.要求 2. 界面分析 (1) 需要读取或修改属性的控件需要设置属性 序号标签 图片 图片描述 左边按钮 右边按钮 (2) 需要监听响应事件 ...

  7. CSipSimple 简单分析

    简介 CSipSimple是一款可以在android手机上使用的支持sip的网络电话软件,可以在上面设置使用callda网络电话.连接使用方式最好是使用wifi,或者3g这样上网速度快,打起电话来效果 ...

  8. C#中异常：“The type initializer to throw an exception（类型初始值设定项引发异常）”的简单分析与解决方法

    对于C#中异常:“The type initializer to throw an exception(类型初始值设定项引发异常)”的简单分析,目前本人分析两种情况,如下: 情况一: 借鉴麒麟.NET ...

  9. jQuery 2.0.3 源码分析Sizzle引擎解析原理

    jQuery 2.0.3 源码分析Sizzle引擎 - 解析原理 声明:本文为原创文章,如需转载,请注明来源并保留原文链接Aaron,谢谢! 先来回答博友的提问: 如何解析 div > p + ...

随机推荐

  1. hdu 1070Milk

    地址链接:http://acm.hdu.edu.cn/showproblem.php?pid=1070 题意:多看几遍,学着静下来心去看英文题 代码: #include<bits/stdc++. ...

  2. OC对象创建过程

    在利用OC开发应用程序中,须要大量创建对象,那么它的过程是什么呢? 比方:NSArray *array = [[NSArrayalloc] init]; 在说明之前,先把OC的Class描写叙述一下: ...

  3. UVAlive 2519 Radar Installation (区间选点问题)

    Assume the coasting is an infinite straight line. Land is in one side of coasting, sea in the other. ...

  4. hdu 1063 Exponentiation 大数

    Problem Description Problems involving the computation of exact values of very large magnitude and p ...

  5. hdu3732(多重背包)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3732 题意:Ahui学习英语单词,每个单词都是不同的,并且都有自身的价值量 w 和难度值 c (0&l ...

  6. sql语句查询数据库中的表名/列名/主键/自动增长值

    原文地址:http://blog.csdn.net/pukuimin1226/article/details/7687538 ----查询数据库中用户创建的表 ----jsj01 为数据库名 sele ...

  7. Python的Tkinter去除边框

    from Tkinter import * class Application(Frame): def __init__(self,master=None, *args, **kwargs): Fra ...

  8. poj3468（线段树）

    题目连接:http://poj.org/problem?id=3468 线段树功能:update:成段增减 query:区间求和. 分析:需要用到延迟标记(或者说懒惰标记),简单来说就是每次更新的时候 ...

  9. Ubuntu 12.04 安装 Tomcat8 遇到的问题

    问题: :/tomcat8/bin$ sudo ./configtest.sh Using CATALINA_BASE:   /home/yyb/android/tomcat8 Using CATAL ...

  10. HDU 2825 AC自动机+DP

    题意:一个密码,长度为 n,然后有m个magic words,这个密码至少由k个magic words组成. 问这个密码可能出现的总数. 思路:首先构造AC自动机,由于m很小,才10 ,我们可以使用二 ...