Android源码中关机充电UI的修改

  对于Android源码来讲，不管是Android4.X系统还是Android5.X系统,关机充电的流程是一样的。想从网上找关于修改关机充电UI的知识，发现基本没有，今天有时间就总结一下关于如何修改关机充电的UI界面。

  首先，需要了解一下关机充电的流程：如下图

  看不懂图没有关系 我们今天主要是修改上层的UI界面，所以底层的流程有个大概的了解就行。

  好了，下面我们就在Android源码上把关机充电的样式改为LG手机充电的风格。就那本人之前修改过做一个总结。

   一：首先要找到关机充电显示图片所在的位置：mediatek/custom/common/lk/logo

    在这个目录下找到你的源码工程配置信息向对应的目录，我的工程对应的文件是cu_hd720 ，然后把需要的图片给替换掉

   

   二.控制 图片代码的地方     mediatek/external/libshowlogo/show_animation_common.c

   可以看出来 这是一个.C文件  那么如何实现图片之间相互交替出现呢。

  

void fill_animation_battery_ver_1(unsigned int capacity, void *fill_addr, void * dec_logo_addr, void * logo_addr, LCM_SCREEN_T phical_screen)

{
    LOG_ANIM("[show_animation_common: %s %d]capacity : %d\n",__FUNCTION__,__LINE__, capacity);
    charging_animation_index++;
    if (capacity >= 100) {
        fill_animation_logo(FULL_BATTERY_INDEX, fill_addr, dec_logo_addr, logo_addr,phical_screen);
         charging_animation_index = 0;
    } else if (capacity < 10) {LOG_ANIM("[show_animation_common: %s %d]charging_low_index = %d\n",__FUNCTION__,__LINE__, charging_low_index);  
        fill_animation_logo(LOW_BATTERY_INDEX, fill_addr, dec_logo_addr, logo_addr,phical_screen);
    //add by lyj
        fill_animation_number(NUMBER_PIC_START_0 + capacity, 1, fill_addr, logo_addr, phical_screen);
        fill_animation_dynamic(NUMBER_PIC_PERCENT,percent_location_rect, fill_addr, percent_pic_addr, logo_addr, phical_screen);
        
        if (charging_low_index >= 9) charging_low_index = 0;
        charging_animation_index = 0;
    } else {

    // add by lyj 10-100
    if(capacity >= 10 && capacity < 25){ //ONE_BATTERY_INDEX
        int display = ONE_BATTERY_INDEX;
        if(next_index == 0 && charging_animation_index > display_time_interval ){
            next_index = 1;
            display = TWO_BATTERY_INDEX;
            charging_animation_index = 0;
        }else if(next_index == 1 && charging_animation_index > display_time_interval ){
            next_index = 0;
            charging_animation_index = 0;
        }
        fill_animation_logo(display, fill_addr, dec_logo_addr, logo_addr,phical_screen);
        
    }else if(capacity >= 25 && capacity < 40){ //TWO_BATTERY_INDEX
        int display = TWO_BATTERY_INDEX;
        if(next_index == 0 && charging_animation_index > display_time_interval ){
            next_index = 1;
            display = THREE_BATTERY_INDEX;
            charging_animation_index = 0;
        }else if(next_index == 1 && charging_animation_index > display_time_interval ){
            next_index = 0;
            charging_animation_index = 0;
        }
        fill_animation_logo(display, fill_addr, dec_logo_addr, logo_addr,phical_screen);
    }else if(capacity >= 70 && capacity < 80){ // FIVE_BATTERY_INDEX
        int display = FIVE_BATTERY_INDEX;
        if(next_index == 0 && charging_animation_index > display_time_interval ){
            next_index = 1;
            display = SIX_BATTERY_INDEX;
            charging_animation_index = 0;
        }else if(next_index == 1 && charging_animation_index > display_time_interval ){
            next_index = 0;
            charging_animation_index = 0;
        }
        fill_animation_logo(display, fill_addr, dec_logo_addr, logo_addr,phical_screen);
    }
    else if(capacity >= 80 && capacity < 90){//80 - 90  //SIX_BATTERY_INDEX
        int display = SIX_BATTERY_INDEX;
        if(next_index == 0 && charging_animation_index > display_time_interval ){
            next_index = 1;
            display = FULL_BATTERY_INDEX;
            charging_animation_index = 0;
        }else if(next_index == 1 && charging_animation_index > display_time_interval ){
            next_index = 0;
            charging_animation_index = 0;
        }
        fill_animation_logo(display, fill_addr, dec_logo_addr, logo_addr,phical_screen);
    }else{//90-100 FULL_BATTERY_INDEX
        fill_animation_logo(FULL_BATTERY_INDEX, fill_addr, dec_logo_addr, logo_addr,phical_screen);
        charging_animation_index = 0;
    }//add by lyj
    fill_animation_number(NUMBER_PIC_START_0 + (capacity/10), 0, fill_addr, logo_addr, phical_screen);
        fill_animation_number(NUMBER_PIC_START_0 + (capacity%10), 1, fill_addr, logo_addr, phical_screen);
        fill_animation_dynamic(NUMBER_PIC_PERCENT, percent_location_rect, fill_addr, percent_pic_addr, logo_addr, phical_screen);
    }

}

  看一下这个方法我们可以看出，capacity这个变量就是判断电量的，那么我们就可以根据电量的多少来控制图片的显示。当电量capacity >= 100时 我们执行fill_animation_logo(FULL_BATTERY_INDEX, fill_addr, dec_logo_addr, logo_addr,phical_screen); 那么FULL_BATTERY_INDEX是什么东西呢，我们在这个目录下看mediatek/custom/common/lk/logo/update  打开之后发现    #define FULL_BATTERY_INDEX   37     后面的37是什么意思呢，别急，咱们接着看一下 mediatek/custom/common/lk/logo/update 或者 mediatek/custom/common/lk/logo/rules.mk

  ./tool/bmp_to_raw ./temp32.raw ./$p/"${p}_bat_10_08".bmp
./tool/bmp_to_raw ./temp33.raw ./$p/"${p}_bat_10_09".bmp
./tool/bmp_to_raw ./temp34.raw ./$p/"${p}_bat_10_10".bmp
./tool/bmp_to_raw ./temp35.raw ./$p/"${p}_bat_bg".bmp
./tool/bmp_to_raw ./temp36.raw ./$p/"${p}_bat_img".bmp
./tool/bmp_to_raw ./temp37.raw ./$p/"${p}_bat_100".bmp
./tool/bmp_to_raw ./boot_logo ./$p/"${p}_kernel".bmp

  ^_^ 哈哈 /tool/bmp_to_raw ./temp37.raw ./$p/"${p}_bat_100".bmp 看到这之后你是不是就明白了，对！这个就是图片的名，在cu_hd720目录下电池满的图片的名称就是cu_hd720_bat_100.bmp  这个就对上号了， 图片就是这样转化的，关机充电所有的图片都是在mediatek/custom/common/lk/logo/update 或者 mediatek/custom/common/lk/logo/rules.mk目录下转化的。

    代码种if(){

     }else if (){}else if (){}.....就是控制图片的逻辑代码。

  当然，LG关机充电是不需要控制图片坐标。那么如果有手机不是这样的界面，需要控制坐标该怎么处理呢。接着看


  三：控制图片坐标的位置：mediatek/custom/common/lk/include/target/cust_diaplay.h

     在这个文件中有许多调整坐标的地方，首先你要确定你的手机的分辨率，然后找到对应的分辨率去修改

    // hd720 720*1280

 // hd720 720*1280

    // battery capacity rectangle   ----A
    #define CAPACITY_LEFT                (266) // battery capacity center
    #define CAPACITY_TOP                 (435)
    #define CAPACITY_RIGHT               (456)
    #define CAPACITY_BOTTOM              (705)

   // first number rectangle  --------B
    #define NUMBER_LEFT                  (290) // number
    #define NUMBER_TOP                   (256)//386
    #define NUMBER_RIGHT                 (335)
    #define NUMBER_BOTTOM                (320)//450

   // %  rectangle    ----------C
    #define PERCENT_LEFT                 (380) // percent number_left + 2*number_width
    #define PERCENT_TOP                  (256) //386
    #define PERCENT_RIGHT                (437)
    #define PERCENT_BOTTOM               (320) //450

   // top animation part      --------D
    #define TOP_ANIMATION_LEFT           (278) // top animation
    #define TOP_ANIMATION_TOP            (100)
    #define TOP_ANIMATION_RIGHT          (441)
    #define TOP_ANIMATION_BOTTOM         (129)

   // for old animation    ----------E
    #define BAR_LEFT            (313)
    #define BAR_TOP             (238)
    #define BAR_RIGHT           (406)
    #define BAR_BOTTOM          (453)

   在这里做一个简单的解释：A组坐标是整个电池容量的一个坐标 B：显示电量数字的相对坐标  C:%号的相对坐标   D和E代表的是页面显示动画图片的相对坐标

   其中，TOP是左上角纵坐标，LEFT是左上角横坐标，BOTTOM是右下角纵坐标，RIGHT是右下角横坐标。，它是一个相对坐标，因为在Android中X轴和Y轴的正方向为右和下。，不仅仅是Android ,大部分显示系统都是按照这个标准来定义坐标系的。如此，我们很容易得出电池图片的高度和宽度。

   在来看一下Sumsung的界面显示控制的代码

  void fill_animation_battery_ver_1(unsigned int capacity, void *fill_addr, void * dec_logo_addr, void * logo_addr, LCM_SCREEN_T phical_screen)
{
    LOG_ANIM("[show_animation_common: %s %d]capacity : %d\n",__FUNCTION__,__LINE__, capacity);
    
    if (capacity >= 100) {
        fill_animation_logo(FULL_BATTERY_INDEX, fill_addr, dec_logo_addr, logo_addr,phical_screen);
    } else if (capacity < 10) {
        LOG_ANIM("[show_animation_common: %s %d]charging_low_index = %d\n",__FUNCTION__,__LINE__, charging_low_index);  
    fill_animation_logo(ANIM_V0_BACKGROUND_INDEX, fill_addr, dec_logo_addr, logo_addr,phical_screen);//low battery       
        fill_animation_number(NUMBER_PIC_START_0 + capacity, 1, fill_addr, logo_addr, phical_screen);
        fill_animation_dynamic(NUMBER_PIC_PERCENT, percent_location_rect, fill_addr, percent_pic_addr, logo_addr, phical_screen);
    } else {
        unsigned int capacity_grids = 0;
        capacity_grids = CAPACITY_BOTTOM - (CAPACITY_BOTTOM - CAPACITY_TOP) * (capacity - 10) / 90;
        LOG_ANIM("[show_animation_common: %s %d]capacity_grids : %d,charging_animation_index = %d\n",__FUNCTION__,__LINE__, capacity_grids,charging_animation_index);   
        fill_animation_logo(ANIM_V1_BACKGROUND_INDEX, fill_addr, dec_logo_addr, logo_addr,phical_screen);
        fill_animation_line(ANIM_LINE_INDEX, capacity_grids, fill_addr,  logo_addr, phical_screen);
        fill_animation_number(NUMBER_PIC_START_0 + (capacity/10), 0, fill_addr, logo_addr, phical_screen);
        fill_animation_number(NUMBER_PIC_START_0 + (capacity%10), 1, fill_addr, logo_addr, phical_screen);
        fill_animation_dynamic(NUMBER_PIC_PERCENT, percent_location_rect, fill_addr, percent_pic_addr, logo_addr, phical_screen);//控制%号的显示

  if (capacity <= 90)
         {
            RECT_REGION_T top_animation_rect = {TOP_ANIMATION_LEFT, capacity_grids - (TOP_ANIMATION_BOTTOM - TOP_ANIMATION_TOP), TOP_ANIMATION_RIGHT, capacity_grids}; // 动画
            fill_animation_dynamic(BAT_ANIM_START_0 + charging_animation_index, top_animation_rect, fill_addr, top_animation_addr, logo_addr, phical_screen);  
            if (charging_animation_index >= 9) charging_animation_index = 0;
         }

   }

}

    // battery capacity rectangle   ----A
    #define CAPACITY_LEFT                (266) // battery capacity center
    #define CAPACITY_TOP                 (435)
    #define CAPACITY_RIGHT               (456)
    #define CAPACITY_BOTTOM              (705)

   // first number rectangle  --------B
    #define NUMBER_LEFT                  (290) // number
    #define NUMBER_TOP                   (256)//386
    #define NUMBER_RIGHT                 (335)
    #define NUMBER_BOTTOM                (320)//450

   // %  rectangle    ----------C
    #define PERCENT_LEFT                 (380) // percent number_left + 2*number_width
    #define PERCENT_TOP                  (256) //386
    #define PERCENT_RIGHT                (437)
    #define PERCENT_BOTTOM               (320) //450

   // top animation part      --------D
    #define TOP_ANIMATION_LEFT           (278) // top animation
    #define TOP_ANIMATION_TOP            (100)
    #define TOP_ANIMATION_RIGHT          (441)
    #define TOP_ANIMATION_BOTTOM         (129)

   // for old animation    ----------E
    #define BAR_LEFT            (313)
    #define BAR_TOP             (238)
    #define BAR_RIGHT           (406)
    #define BAR_BOTTOM          (453)

   在这里做一个简单的解释：A组坐标是整个电池容量的一个坐标 B：显示电量数字的相对坐标  C:%号的相对坐标   D和E代表的是页面显示动画图片的相对坐标

   其中，TOP是左上角纵坐标，LEFT是左上角横坐标，BOTTOM是右下角纵坐标，RIGHT是右下角横坐标。，它是一个相对坐标，因为在Android中X轴和Y轴的正方向为右和下。，不仅仅是Android ,大部分显示系统都是按照这个标准来定义坐标系的。如此，我们很容易得出电池图片的高度和宽度。

   在来看一下Sumsung的界面显示控制的代码

 

 void fill_animation_battery_ver_1(unsigned int capacity, void *fill_addr, void * dec_logo_addr, void * logo_addr, LCM_SCREEN_T phical_screen)
{
    LOG_ANIM("[show_animation_common: %s %d]capacity : %d\n",__FUNCTION__,__LINE__, capacity);
    
    if (capacity >= 100) {
        fill_animation_logo(FULL_BATTERY_INDEX, fill_addr, dec_logo_addr, logo_addr,phical_screen);
    } else if (capacity < 10) {
        LOG_ANIM("[show_animation_common: %s %d]charging_low_index = %d\n",__FUNCTION__,__LINE__, charging_low_index);  
    fill_animation_logo(ANIM_V0_BACKGROUND_INDEX, fill_addr, dec_logo_addr, logo_addr,phical_screen);//low battery       
        fill_animation_number(NUMBER_PIC_START_0 + capacity, 1, fill_addr, logo_addr, phical_screen);
        fill_animation_dynamic(NUMBER_PIC_PERCENT, percent_location_rect, fill_addr, percent_pic_addr, logo_addr, phical_screen);
    } else {
        unsigned int capacity_grids = 0;
        capacity_grids = CAPACITY_BOTTOM - (CAPACITY_BOTTOM - CAPACITY_TOP) * (capacity - 10) / 90;
        LOG_ANIM("[show_animation_common: %s %d]capacity_grids : %d,charging_animation_index = %d\n",__FUNCTION__,__LINE__, capacity_grids,charging_animation_index);   
        fill_animation_logo(ANIM_V1_BACKGROUND_INDEX, fill_addr, dec_logo_addr, logo_addr,phical_screen);
        fill_animation_line(ANIM_LINE_INDEX, capacity_grids, fill_addr,  logo_addr, phical_screen);
        fill_animation_number(NUMBER_PIC_START_0 + (capacity/10), 0, fill_addr, logo_addr, phical_screen);
        fill_animation_number(NUMBER_PIC_START_0 + (capacity%10), 1, fill_addr, logo_addr, phical_screen);
        fill_animation_dynamic(NUMBER_PIC_PERCENT, percent_location_rect, fill_addr, percent_pic_addr, logo_addr, phical_screen);//控制%号的显示

  if (capacity <= 90)
         {
            RECT_REGION_T top_animation_rect = {TOP_ANIMATION_LEFT, capacity_grids - (TOP_ANIMATION_BOTTOM - TOP_ANIMATION_TOP), TOP_ANIMATION_RIGHT, capacity_grids}; // 动画
            fill_animation_dynamic(BAT_ANIM_START_0 + charging_animation_index, top_animation_rect, fill_addr, top_animation_addr, logo_addr, phical_screen);  
            if (charging_animation_index >= 9) charging_animation_index = 0;
         }

   }

}

  代码很清晰，不用做过多的解释。

  我们现在所做的都是在Android源码已有的图片上进行的修改，那么现在要是添加一些图片怎么办？接着看

 四：图片的添加

      1：首先把需要的图片放在对应的资源文件下

      2：然后在mediatek/custom/common/lk/logo/update 和 mediatek/custom/common/lk/logo/rules.mk目录图片进行注册

             这里需要注意的是：注册是有先后顺序的，一定要把注册的   图片放在最后。在rules.mk常规注册一下就行了。在/update中

            要在./tool/bmp_to_raw 和./tool/zpipe -l 9 以及rm -rf ./temp0.raw都需要注册

      3：在控制代码的show_animation_common.c文件中控制图片即可。

  以上是在Android4.X基础上做的。Android5.X只有包括文件的路径，代码的控制有多改变，但是修改的流程是和Android4.X是一样的。下面就对Android5.X相对应的路径做一下说明

    关机充电图片的路径：/bootable/bootloader/lk/dev/logo

    控制图片代码的路径：/vendor/mediatek/proprietary/external/libshowlogo/show_animation_common.c

    控制图片坐标的路径：/vendor/mediatek/proprietary/external/libshowlogo/cust_display.h

    图片注册的路径： /vendor/mediatek/proprietary/external/libshowlogo/rules.mk

                                 /vendor/mediatek/proprietary/external/libshowlogo/update

     好了，本篇对关机充电界面的修改做了一个简单实例说明。希望能给大家带来帮助。