Hướng dẫn mod trong suốt Status bar, Navigation bar, Notification panel!

Thảo luận trong 'SKY A860' bắt đầu bởi myster91, 7/6/14.

  1. Diễn đàn đang đang trong quá trình nâng cấp phiên bản 2017...
    Nếu bạn gặp bất kỳ lỗi gì hãy post thông tin lỗi TẠI ĐÂY hoặc gửi mail đến csupport@choimobile.vn để được hỗ trợ nhanh nhất. BQT cũng rất mong muốn nhận được góp ý từ bạn !
    Cảm ơn bạn rất nhiều, Khách.
  1. myster91

    Senior Member

    3/6/13
    2,422
    3,860
    0
    Nam
    #1 myster91, 7/6/14
    Last edited by a moderator: 18/6/14
    Đã 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 khi mod trên sky 860 (các máy khác làm tương tự). 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
    Screenshot_2014-06-07-14-21-29.png
    • Đầ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

    To be continued.......
     
    27 people like this.
  2. thanhanyb123

    thanhanyb123 Green Arrow
    Thành viên BQT Điều Hành Viên

    11/9/13
    15,766
    30,852
    0
    Nam
    Tiêm chọc
    TP. Thái Nguyên
    Thứ tìm kiếm bao lâu. Dốt đặc mấy khoản mod trong suốt T>T
     
    4 people like this.
  3. myster91

    Senior Member

    3/6/13
    2,422
    3,860
    0
    Nam
    #3 myster91, 14/6/14
    Last edited by a moderator: 14/6/14
    • Mod Status bar:
      • Mod tên lên trên thanh status bar
        • Các bác bung file SystemUI bằng apktool vào layout --> status_bar.xml
        • Thêm vào dưới dòng thứ 9:
    Mã gốc:
    Mã:
    <com.android.systemui.statusbar.StatusBarIconView android:id="@id/moreIcon" android:visibility="gone" android:layout_width="@dimen/status_bar_icon_size" android:layout_height="fill_parent" android:src="@drawable/stat_notify_more" />


    Thêm ngay dưới đó code sau:
    Mã:
    <TextView android:textSize="14.0dip" android:textStyle="bold" android:textColor="#ffffffff" android:gravity="center_vertical" android:text="??????" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />


    Capture.JPG
    • Các kí tự ?????? bạn thay bằng tên mà bạn muốn hiển thị nhé!
    • Giờ các bác đóng gói và cho vào system/app rồi reset máy là ok!

    Chúc các bác thành công!
     
    4 people like this.
  4. Leson

    Official Member

    11/5/13
    73
    98
    0
    Nam
    Cho e like bác phát dc k ah.hay quá rảnh thì tập vọc vạch tí

    Sent from my IM-A860L using Tapatalk
     
  5. Leson

    Official Member

    11/5/13
    73
    98
    0
    Nam
    Bác @myster91oi.e đang dùng 4.4.3 thử mod tên trên statusbar mà k dc.r mới thử bung systemui ra rồi đóng gói lại luôn.chưa chỉnh sửa gì nhưng nó đã khác file gốc rồi.file gốc là 2.09mb nhưng file e bung ra rồi đóng lại còn có 2.06mb thôi ah.thế là thế nào ah.lỗi gì ah hay 4.4.3 k mod cái này dc

    Sent from my IM-A860L using Tapatalk
     
    2 people like this.
  6. myster91

    Senior Member

    3/6/13
    2,422
    3,860
    0
    Nam
    ok thôi bác nhưng mà không like 2 lần liên tiếp đâu nhé! :D
     
    2 people like this.
  7. myster91

    Senior Member

    3/6/13
    2,422
    3,860
    0
    Nam
    4.4.3 trong setting không có tích hợp các tùy biến như thế này ạ? Còn khi đóng gói ok không bị lỗi gì mà bác cho vào dùng ok thì cũng không sao đâu ạ! Bác có thể chụp lại code status_bar.xml lên cho e xem cùng nghiên cứu được không ạ
     
    2 people like this.
  8. Leson

    Official Member

    11/5/13
    73
    98
    0
    Nam
    Đây bác u5y2eby3.jpg

    Sent from my IM-A860L using Tapatalk
     
    2 people like this.
  9. myster91

    Senior Member

    3/6/13
    2,422
    3,860
    0
    Nam
    Code android:textColor="#00ff00" của bác không đúng rồi bác ơi. Bác để code đó thì có khi nó trong suốt luôn. Bác để #ffffffff (8 kí tự nhé)
     
    2 people like this.
  10. Leson

    Official Member

    11/5/13
    73
    98
    0
    Nam
    E vào bảng mã code xem thì đó là màu xanh mà.e tưởng chỉnh như vậy ra chữ màu xanh.với lại e vừa thử lạu rồi bác ah.e lấy systemui búng ra rồi đóng gói lại luôn.không sửa gì.đang 2.09mb thành 2.06mb.ccops đúng chỗ set 644 reset lại là dính lỗi đen hình nền.mất cả statusbar và navibar.quên chưa nói với bác là e dùng apktool trên dt để làm ah.

    Sent from my IM-A860L using Tapatalk
     
    2 people like this.
  11. myster91

    Senior Member

    3/6/13
    2,422
    3,860
    0
    Nam
    mã màu trong đó có 8 kí tự bác à. Bác cho thêm ff vào trước 6 số ạ. Hay bác thử làm trên pc xem sao cho dễ kiểm soát

    Gửi từ IM-A860 của tôi bằng cách sử dụng Tapatalk
     
    2 people like this.
  12. Leson

    Official Member

    11/5/13
    73
    98
    0
    Nam
    E k có pc bác ah.từ trước đến giờ vọc vach gì cũng toàn bằng dt thôi ah.e vừa kt tra lại hình như cí 2 lỗi.vừa sửa xong để thử lại cái ah

    Sent from my IM-A860L using Tapatalk
     
  13. Huỳnh Văn Đạt

    Newbie

    17/3/14
    9
    18
    0
    Nam
    Bạn hướng dẫn mình làm trong suốt hệ thống được không vậy.
     
    2 people like this.
  14. myster91

    Senior Member

    3/6/13
    2,422
    3,860
    0
    Nam
    Trong suốt hệ thống là trong suốt setting đó hở bác?
     
  15. Huỳnh Văn Đạt

    Newbie

    17/3/14
    9
    18
    0
    Nam
    Đúng rồi bạn, Phần nền trắng ở setting, contact, phone đó, Phần nền đen thì mình làm trong suốt được rồi
     
    2 people like this.
  16. myster91

    Senior Member

    3/6/13
    2,422
    3,860
    0
    Nam
    Nếu trong suốt như vậy liệu nhìn có rối mắt không bác?
     
  17. Huỳnh Văn Đạt

    Newbie

    17/3/14
    9
    18
    0
    Nam
    Khoảng 80% là được bạn, Chon hình nền phù hợp là ok thôi
     
    2 people like this.
  18. Victoire

    Newbie

    19/6/14
    28
    6
    0
    Nam
    Test thành công cám ơn bác chủ! :)
     
  19. fanyan

    fanyan HT Hội A860
    Senior Member

    23/5/13
    3,120
    2,894
    0
    Nam
    Đây chỉ là hướng dẫn cơ bản. Mỗi rom systemui nó khác nhau bạn à :D:D:D

    Gửi từ IM-A860CLOS2 của tôi bằng cách sử dụng Tapatalk
     
  20. fanyan

    fanyan HT Hội A860
    Senior Member

    23/5/13
    3,120
    2,894
    0
    Nam
    Chỉ có trong suốt 100%, 75%, 50%, 25% ko có 80% bạn nhé:D:D:D:D

    Gửi từ IM-A860CLOS2 của tôi bằng cách sử dụng Tapatalk
     
    2 people like this.

Chia sẻ trang này

Đang tải...