Hướng dẫn Hướng dẫn mod Notification Panel!

Thảo luận trong 'Thủ thuật - Sử dụng Android' bắt đầu bởi myster91, 23 Tháng sáu 2014.

  1. myster91

    myster91 Active Member

    Tham gia ngày:
    17 Tháng một 2014
    Bài viết:
    152
    Đã được thích:
    27
    Đã có rất nhiều bài viết hướng dẫn mod trong suốt được chia sẻ nhưng chưa được cụ thể cho lắm, mình xin mạn phép viết lại và nêu ý nghĩa cũ thể của từng đoạn code theo cách hiểu của mình. Việc mod status bar, notification bar cũng như navigation bar có thể thông qua việc thay ảnh png hoặc ảnh 9 patch hoặc thay mã màu tương ứng (Về cách tạo file ảnh 9 patch mình sẽ đề cập đến sau). Các bạn mod bằng cách thay ảnh có thể thực hiện trên photoshop (sẽ đẹp hơn so với khi sử dụng mã màu) phụ thuộc vào sở thích của mỗi người nên mình hướng dẫn theo cách sử dụng mã màu.

    Bảng mã màu hexa bao gồm 6 kí tự bạn có thể xem ở đây http://www.thevcwc.com/bang-ma-mau-hexa

    Tùy vào mức độ trong suốt mà mình thích, bạn có thể thêm 2 kí tự biểu diễn độ trong suốt của màu vào trước 6 kí tự quy định màu. Ví dụ với 4 mức độ trong suốt phổ biến nhất đối với màu đen (#000000)

    • Trong suốt 100%: #00000000
    • Trong suốt 75%: #3f000000
    • Trong suốt 50%: #7f000000
    • Trong suốt 25%: #bf000000
    • Không trong suốt: #ff000000
    (2 kí tự màu đỏ quy định độ trong suốt hay không trong suốt)

    I. Các công cụ cần thiết cho việc mod trong suốt:

    Sau khi đã download và cài đặt đầy đủ các công cụ, chúng ta tiến hành bung Framework và SystemUI để tiến hành chỉnh sửa code (Các vần đề về bung apk cũng như build apk đã được hướng dẫn rất nhiều trên mạng nên mình ko nói cụ thể nữa)

    II. Tiến hành mod trong suốt:

    Trong suốt Notification Panel: Mình sẽ hướng dẫn làm trong suốt từ trên xuống dưới

    • Đầu tiên là thanh Expanded Header: (thanh trên cùng hiển thị thời gian)
    Đường dẫn: SystemUI/res/layout/status_bar_expanded_header.xml
    Mã gốc (dòng thứ 5):
    Mã:
    <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:background="#ff000000" android:layout_width="fill_parent" android:layout_height="wrap_content" android:baselineAligned="false">
    Phần android:background="#ff000000" mã màu các bác thay bằng #7f000000 (tương ứng vs trong suốt 50%) hoặc mã màu các bác thích


    • Thanh ngang chứa 2 tab "Cài đặt nhanh" và "Đặt phím tắt"
    Đường dẫn: SystemUI/res/layout/status_bar_easy_setting_tabview.xml
    Mã gốc (dòng thứ 4 và 8):
    Mã:
    <LinearLayout android:id="@id/easysetting_tab" android:background="@drawable/easy_setting_tab_sel" android:clickable="true" android:layout_width="183.0dip" android:layout_height="38.0dip" android:layout_marginRight="-7.0dip" android:layout_weight="1.0" android:splitMotionEvents="false">
    Mã:
    <LinearLayout android:id="@id/quicksetting_tab" android:background="@drawable/quick_setting_tab_nor_seperator" android:clickable="true" android:layout_width="184.0dip" android:layout_height="38.0dip" android:layout_weight="1.0" android:splitMotionEvents="false">
    Phần android:background="@drawable/easy_setting_tab_sel"android:background="@drawable/quick_setting_tab_nor_seperator" các bác nên để trong suốt hoàn toàn với mã màu #00000000


    • Tiếp theo là thanh Easy Setting (thanh chứa các biểu tượng cài đặt nhanh):
    Đường dẫn: SystemUI/res/layout/status_bar_easy_setting.xml
    Mã gốc (dòng thứ 2):
    Mã:
    <LinearLayout android:orientation="vertical" android:id="@id/status_bar_easy_setting" android:background="#ff4d4d4d" android:layout_width="fill_parent" android:layout_height="wrap_content" android:splitMotionEvents="false"
    Phần android:background="#ff4d4d4d" mã màu các bác thay bằng #7f4d4d4d hoặc mã màu các bác thích


    Đường dẫn: SystemUI/res/layout/status_bar_easy_setting_scroll.xml
    Mã gốc (dòng thứ 2):
    Mã:
    <LinearLayout android:orientation="vertical" android:id="@id/status_bar_easy_setting" android:background="#ff575757" android:layout_width="fill_parent" android:layout_height="wrap_content" android:splitMotionEvents="false"
    Phần android:background="#ff575757" các bác thay bằng #7f575757


    • Tiếp tới là thanh Brightness Panel (thanh điều chỉnh độ sáng tối màn hình):
    Đường dẫn: SystemUI/res/layout/status_bar_expanded.xml
    Mã gốc (dòng thứ 15):
    Mã:
    <LinearLayout android:orientation="vertical" android:id="@id/brightness_panel" android:background="#ff575757" android:layout_width="fill_parent" android:layout_height="wrap_content">
    Phần android:background="#ff575757" mã màu các bác chỉnh thành #7f575757 hoặc mã màu các bác thích


    • Ngay phía dưới là thanh màu xanh hiển thị tiêu đề "Thông báo"
    Đường dẫn: SystemUI/res/layout/status_bar_expanded_notification_title.xml
    Mã gốc (dòng thứ 2 và 5):
    Mã:
    <RelativeLayout android:layout_gravity="center_vertical" android:orientation="horizontal" android:background="@drawable/easy_setting_title_bg" android:paddingTop="2.0dip" android:paddingBottom="2.0dip" android:layout_width="fill_parent" android:layout_height="30.0dip"
    Mã:
    <TextView android:textSize="16.0dip" android:textColor="#ffffffff" android:gravity="center" android:id="@id/clear_all_button" android:background="@drawable/btn_status_bar" android:paddingTop="0.0dip" android:paddingBottom="0.0dip" android:layout_width="102.0dip" android:layout_height="30.0dip" android:text="@string/status_bar_clear_all_button" android:layout_alignParentRight="true" android:contentDescription="@string/accessibility_clear_all" style="?android:attr/buttonStyle" />
    Phần android:background="@drawable/easy_setting_title_bg" dòng thứ 2 các bác thay thế @drawable/easy_setting_title_bg bằng mã màu #7f000000 hoặc mã màu các bác thích.

    Phần android:background="@drawable/btn_status_bar" là nền thanh Xóa các bác thay thế bằng #7f000000 hoặc mã màu các bác thích

    • Thanh chiếm nhiều diện tích nhất là Notification Panel phía dưới (chứa các thông báo):
    Đường dẫn: SystemUI/res/layout/status_bar_expanded.xml
    Mã gốc (dòng thứ 2):
    Mã:
    <FrameLayout android:id="@id/notification_panel" android:background="#ff000000" android:paddingTop="@dimen/notification_panel_padding_top" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="@dimen/notification_panel_margin_left"
    Phần android:background="#ff000000" các bác thay mã màu bằng #7f000000 hoặc mã màu các bác thích



     
  2. pnapro_hvtc

    pnapro_hvtc Active Member

    Tham gia ngày:
    22 Tháng sáu 2013
    Bài viết:
    1,131
    Đã được thích:
    311
  3. thoianghen

    thoianghen New Member

    Tham gia ngày:
    18 Tháng sáu 2014
    Bài viết:
    16
    Đã được thích:
    3
    Bác ơi có cách nào làm thanh toggle xuống phía dưới màn hình đc ko ạ ?
     
  4. like_android

    like_android LGVIET.com Staff Member

    Tham gia ngày:
    8 Tháng sáu 2013
    Bài viết:
    5,119
    Đã được thích:
    1,699
    Quá ngon.

    Gửi từ LG-F200L của tôi sử dụng Tapatalk 2
     
  5. Mobilecityhelp

    Mobilecityhelp Active Member

    Tham gia ngày:
    23 Tháng sáu 2014
    Bài viết:
    253
    Đã được thích:
    63
  6. like_android

    like_android LGVIET.com Staff Member

    Tham gia ngày:
    8 Tháng sáu 2013
    Bài viết:
    5,119
    Đã được thích:
    1,699
    cái này bác chủ làm trên 4.1 hay 4.4 vậy?
    sao mình làm trên 4.4 vú ko có mấy code ở trên
     
    nghiabradyle thích bài này.
  7. hoangphucdt

    hoangphucdt Well-Known Member

    Tham gia ngày:
    11 Tháng tám 2013
    Bài viết:
    1,700
    Đã được thích:
    710
    4.4 vu2 ko gặp code theo bác chủ nhĩ.

    F200S Của Tui !!!!!!!!!
     
    nghiabradyle thích bài này.
  8. minhvu

    minhvu Active Member

    Tham gia ngày:
    3 Tháng tám 2013
    Bài viết:
    487
    Đã được thích:
    401
    Hướng dẫn của bạn trên andorid JB , trên kitkat 4.4.2 có khác ...đôi lúc vừa thay code , mã màu đồng thời phải thay file ảnh nữa ...
     
  9. sauvole08

    sauvole08 Member

    Tham gia ngày:
    8 Tháng mười hai 2013
    Bài viết:
    139
    Đã được thích:
    25
    chưa hiểu lắm, dùng Notepad ++ để chỉnh sửa ah bác
     
  10. nghiabradyle

    nghiabradyle Well-Known Member

    Tham gia ngày:
    13 Tháng một 2014
    Bài viết:
    3,802
    Đã được thích:
    1,015
    Vếu độc lạ nên hk đụng hàng :v nên việc mod nó cũng rất ư là khó :cool:

    Sent from my LG-F400 using LG Việt mobile app
     
  11. vvtoanvv

    vvtoanvv New Member

    Tham gia ngày:
    4 Tháng tư 2015
    Bài viết:
    1
    Đã được thích:
    0
    Bác nào mod júp em có dc ko ạ
    Trong suốt status, notification panel 75%
    Để lại email em gửi file wa
     

Chia sẻ trang này