★ Bài Viết : THỦ THUẬT MOD CHO ASUS ZENFONE
★ Đăng Bởi :Vương Thành Hiệp
★ Ngày Đăng : Thứ Hai, 8 tháng 12, 2014 lúc 05:37
★ Chuyên Mục: Thủ Thuật - Android

THỦ THUẬT MOD CHO ASUS ZENFONE

A+ A A- Print

#Phần 1# Công cụ cần thiết khi mod và Những điều cần lưu ý:

1/. Công cụ cần thiết khi mod:
Mình chỉ hướng dẫn cách làm trên máy tính. Ai muốn làm trực tiếp trên điện thoại thì sẽ download các công cụ khác dành riêng cho điện thoại và cách làm cũng tương tự.
- Trình quản lý file (root) trên điện thoại: Root Explore, X-plore, Root Browser….
- Cần phải có máy tính. Tạo 1 thư mục bất kỳ để download và lưu các công cụ dưới đây vào thư mục này. Ví dụ mình tạo thư mục ModZenfone ở ổ đĩa E:\ (E:\ModZenfone)
- Phần mềm giải nén Winrar, 7Zip……
- Cài đặt driver ASUS Android USB để kết nối Zenfone với máy tính.
Link download: https://drive.google.com/file/d/0B4jsj92SVndDU0VJQmtGSWUtMTQ/view?usp=sharing
- Java: https://drive.google.com/file/d/0B4jsj92SVndDb0lFOHJteGczZlk/view?usp=sharing
- Notepad ++: link download https://drive.google.com/file/d/0B4jsj92SVndDMnJjYlgwN296MHM/view?usp=sharing
- apktool: link download https://drive.google.com/file/d/0B4jsj92SVndDWF9mUVE1Rl9EdjQ/view?usp=sharing

Sau khi download hết các công cụ bây giờ tiến hành cài đặt.
Vào thư mục E:\ModZenfone.
- Giải nén thư mục Java.rar và chạy file jxpiinstall.exe để cài đặt máy ảo Java
- Giải nén thư mục apktool.zip tại thư mục này
- Cài đặt Winrar, Winzip, 7Zip…… (Nếu máy chưa có)

Các công cụ trên đều có hướng dẫn cài đặt rất nhiều. Ai chưa biết thì search google nhé.
2/. Những điều cần lưu ý:
- Nên thực hiện trên máy tính vì sẽ dễ dàng so sánh code và các thao tác cũng nhanh hơn nhiều.
- Trước khi mod phải copy file gốc ra 2 bản. Một bản dùng để mod và một bản dùng để lưu lại phòng trường hợp mod bị lỗi hoặc muốn trở về bản gốc.
- Điện thoại phải được root thành công.
- Khi copy file đã mod vào máy cần phải được cấp quyền 0644
#Phần 2 # Các lệnh giải nén và đóng gói file apk:
- Copy file framework-res.apk và SystemUI.apk từ điện thoại vào thư mục E:\ModZenfone
+ Giải nén:
- Vào thư mục E:\ModZenfone. Ấn đè Shift + Click phải chuột. Chọn Open command window here để mở cmd.exe tại thư mục này.
- Từ dấu nháy bảng cmd.exe gõ lệnh “apktool if framework-res.apk” để cài đặt framework-res.
- Tiếp tục gõ lệnh “apktool d SystemUI.apk” để giải nén file SystemUI.apk nếu giải nén thành công ta sẽ có 1 thư mục SystemUI ở thư mục E:\ModZenfone
- Tiếp tục gõ lệnh “apktool d framework-res.apk” để giải nén file framework-res.apk nếu giải nén thành công ta sẽ có 1 thư mục framework-res ở thư mục E:\ModZenfone

Tương tự các file apk khác cũng giải nén như thế.
+ Đóng gói:
- Vào thư mục E:\ModZenfone. Ấn đè Shift + Click phải chuột. Chọn Open command window here để mở cmd.exe tại thư mục này.
- Từ dấu nháy bảng cmd.exe gõ lệnh “apktool b framework-res” để đóng gói thư mục framework-res ta vừa mod.

Nếu đóng gói thành công thì nhìn vào bảng cmd.exe ta sẽ thấy dòng cuối cùng là I: Building apk file… và trong thư mục framework-res sẽ có thêm thư mục 2 thư mục build và dist. Ngược lại nếu đóng gói lỗi do mod thì dòng cuối cùng sẽ là 5 more….. hoặc 6 more……. Và sẽ không có thư mục dist.

Vẫn chưa xong nhé. Nếu đóng gói thành công tiếp tục vào E:\ModZenfone mở (không phải giải nén nhé) file framework-res.apk bằng công cụ Winrar, Winzip, 7Zip..... chép thư mục META-INF và file AndroidManifest.xml vào thư mục E:\ModZenfone\framework-res\build\apk

- Từ dấu nháy bảng cmd.exe gõ lệnh “apktool b framework-res” để đóng gói thư mục framework-res lần 2. Vậy là xong phần đóng gói. Vào thư mục E:\ModZenfone\framework-res\dist chép file framework-res.apk vào điện thoại.

Tương tự đóng gói các file khác cũng y như vậy.
#Phần 3# Những điều cần biết khi mod statusbar

1/. Liên quan đến file SystemUI.apk
Trạng thái hiển thị của thanh StatusBar được quyết định chủ yếu ở các đoạn code nằm trong file asus_status_bar.xml cụ thể xin mời các bạn xem hình minh họa cho dễ hiểu.
1/. Các icon thông báo hệ thống: Tin nhắn, cuộc gọi nhở, download………
2/. Sóng wifi
3/. Sóng Sim
4/. Pin
5/. Đồng hồ
[IMG]

Bên cạnh đó còn có file asus_signal_cluster_view_dual_sim.xml quyết định đến vị trí sóng wifi và sóng sim cũng như hiển thị trạng thái inout của wifi, mạng dữ liệu, số sim 1,2
1/. Sóng Wifi, inout wifi
2/. Dữ liệu mạng di động sim 1
3/. Dữ liệu mạng di động sim 2
4/. Sóng sim, Số hiệu Sim 1
5/. Sóng sim, Số hiệu Sim 2
[IMG]

2/. Liên quan đến file framework-res.apk
File stat_sys_battery.xml quyết định tỷ lệ % pin (khi không sạc)
File stat_sys_battery_charge.xml quyết định tỷ lệ % pin (khi sạc)
3/. Liên quan đến icon:
Ở file SystemUI.apk hoặc framework-res.apk các icon trên statusbar chủ yếu nằm ở các thư mục theo từng loại zenfone như sau:
- Zenfone 4; Zenfone 4.5: icon nằm trong thư mục drawable-hdpi
- Zenfone 5; Zenfone 6: icon nằm trong thư mục drawable-xhdpi

#Phần 4# Đã hiểu Phần 1,2,3 rồi giờ bắt tay vào vọc vạch chơi nhé
- Các bạn phải chắc chắn rằng đã hiểu tất cả phần 1,2,3 nhé.
- Mở bất cứ file xml nào ta click phải chuột vào file đó rồi chọn Edit with Notepad ++
- Sau khi mod xong theo ý mình thì save lại thì tiến hành đóng gói như hướng dẫn ở Phần 2.
1/. Mod thay đổi icon pin trên thanh statusbar (Pin hiển thị từ 0 đến 100%)
- Mod này chỉ thực hiện duy nhất trên file framework-res.apk
- Vào thư mục .......framework-res\drawable tìm file stat_sys_battery.xml (Quyết định icon hiển thị khi không sạc) và file stat_sys_battery_charge.xml (Quyết định icon hiển thị khi sạc)
- Xóa hết các đoạn code trong 2 file đó và chỉnh sửa code như mẫu dưới copy ra thêm nhiều dòng nữa và thay thế các số cuối thành từ 0 đến 100
Code mẫu file stat_sys_battery.xml:

PHP:

<item android:drawable="@drawable/stat_sys_battery_0" android:maxLevel="0" />
<item android:drawable="@drawable/stat_sys_battery_1" android:maxLevel="1" />
<item android:drawable="@drawable/stat_sys_battery_2" android:maxLevel="2" />
<item android:drawable="@drawable/stat_sys_battery_3" android:maxLevel="3" />
.  
.
.
<item android:drawable="@drawable/stat_sys_battery_99" android:maxLevel="99" />
<item android:drawable="@drawable/stat_sys_battery_100" android:maxLevel="100" />

Code mẫu file stat_sys_battery_charge.xml:

PHP:

<item android:drawable="@drawable/stat_sys_battery_charge_anim0" android:maxLevel="0" />
<item android:drawable="@drawable/stat_sys_battery_charge_anim1" android:maxLevel="1" />
<item android:drawable="@drawable/stat_sys_battery_charge_anim2" android:maxLevel="2" />
<item android:drawable="@drawable/stat_sys_battery_charge_anim3" android:maxLevel="3" />
.
.
.
<item android:drawable="@drawable/stat_sys_battery_charge_anim99" android:maxLevel="99" />
<item android:drawable="@drawable/stat_sys_battery_charge_anim100" android:maxLevel="100" />

hoăc các bạn có thể download 2 file mình đã mod sẳn này về chép đè vào thư mục framework-res\drawable
link download: https://drive.google.com/file/d/0B4jsj92SVndDdEpuRkF4dTNuZTA/view?usp=sharing
Vào thư mục .......framework-res\values tìm và mở file Styles.xml chép và dán code này vào cuối cùng

PHP:

<style name="StatusBarNotificationText">
        <item name="textSize">16.0sp</item>
        <item name="textColor">#ff999999</item>
    </style>

Save và đóng file này lại.
Download bộ icon pin dưới đây giải nén chép đè vào thư mục theo từng loại Zenfone tương ứng:
- Zenfone 4; Zenfone 4.5: icon nằm trong thư mục drawable-hdpi
- Zenfone 5; Zenfone 6: icon nằm trong thư mục drawable-xhdpi
Link download icon: https://drive.google.com/file/d/0B4jsj92SVndDRlVoZF9Wb09QNm8/view?usp=sharing
Đóng gói và thưởng thức.
P/s: Các bạn có thể tự tạo cho mình 1 bộ icon riêng gồm 202 icon trong đó 101 icon từ 0-100 (không sạc) và 101 icon từ 0-100 (đang sạc) rồi chép đè vào.
2/. Mod thay đổi vị trí các icon trên thanh statusbar
a/. Đưa Sóng SIM, Wifi, Pin hoặc Đồng hồ sang trái:
Vào thư mục ……SystemUI\res\layout tìm và mở file asus_status_bar.xml tìm đến đoạn code 2,3,4,5 như hình ở Phần 3 muốn đưa icon nào sang trái thì cắt code icon đó và dán ngay phía trên dòng code các icon thông báo hệ thống (Code số 1)

PHP:

<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" />

Save và đóng gói.

b/. Di chuyển sóng wifi sang phải sóng SIM. (Mặc định sóng Wifi sẽ nằm bên trái sóng SIM)
Vào thư mục ……SystemUI\res\layout tìm và mở file asus_signal_cluster_view_dual_sim.xml tìm đến đoạn code số 1 như hình minh họa ở Phần 3 cắt và dán vào ngay dưới đoạn code số 5 (phía trên code sau)

PHP:

<ImageView android:id="@id/no_sim" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="center" />

Save và đóng gói.

c/. Bỏ icon inout của sóng wifi và số 1,2 của sóng SIM.
Vào thư mục ……SystemUI\res\layout tìm và mở file asus_signal_cluster_view_dual_sim.xml tìm các code bên dưới và thay thế giá trị "wrap_content" thành "0.0dip"
Code inout wifi:

PHP:

<ImageView android:id="@id/wifi_inout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="center" />

Code số 1 của sóng sim:

PHP:

<ImageView android:id="@id/mobile_num" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="center" />

Code số 2 của sóng sim:

PHP:

<ImageView android:id="@id/mobile_num2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="center" />

Save và đóng gói.
d/. Hai sóng sim song song (chồng sóng sim) và mod icon sóng iphone.
Vào thư mục ……SystemUI\res\layout tìm và mở file asus_signal_cluster_view_dual_sim.xml tìm và xóa đoạn code số 4,5 ở hình minh họa Phần 3
[IMG]

Thay vào đó code này

PHP:

<LinearLayout android:gravity="right" android:orientation="vertical" android:paddingLeft="2.0dip" android:paddingTop="2.0dip" android:layout_width="wrap_content" android:layout_height="25.0dip">
     <LinearLayout android:gravity="right" android:layout_gravity="center_vertical" android:orientation="horizontal" android:id="@id/mobile_signal_combo" android:paddingTop="2.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content">
          <ImageView android:layout_gravity="center_vertical" android:id="@id/mobile_num" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="centerCrop" />
          <ImageView android:layout_gravity="center_vertical" android:id="@id/mobile_signal" android:layout_width="wrap_content" android:layout_height="6.5dip" android:scaleType="center" />
     </LinearLayout>
     <LinearLayout android:gravity="right" android:layout_gravity="center_vertical" android:orientation="horizontal" android:id="@id/mobile_signal_combo2" android:paddingTop="2.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content">
          <ImageView android:layout_gravity="center_vertical" android:id="@id/mobile_num2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="centerCrop" />
          <ImageView android:layout_gravity="center_vertical" android:id="@id/mobile_signal2" android:layout_width="wrap_content" android:layout_height="6.5dip" android:scaleType="center" />
     </LinearLayout>
</LinearLayout>

Dowload và giải nén bộ icon sóng Iphone vào thư mục tương ứng của từng loại Zenfone:
- Zenfone 4; Zenfone 4.5: icon nằm trong thư mục drawable-hdpi
- Zenfone 5; Zenfone 6: icon nằm trong thư mục drawable-xhdpi
Link Download: https://drive.google.com/file/d/0B4jsj92SVndDVHdUcXIySzFMY28/view?usp=sharing

Save và đóng gói.

e/. Thêm text (chữ) hoặc hình ảnh (picture) vào Statusbar
- Thêm text: Vào thư mục ……SystemUI\res\values tìm và mở file strings.xml thêm vào dưới dùng đoạn code dưới đây để khai báo chuỗi text

PHP:

<string name="mytext">[Text (chữ) bạn muốn hiển thị]</string>

Save file và đóng file này lại.

Tiếp tục Vào thư mục ……SystemUI\res\values tìm và mở file asus_status_bar.xml thêm vào đoạn code dưới đây vào vị trí bạn muốn thêm vào.

PHP:

<TextView android:textSize="18.0dip" android:textColor="#ffffffff" android:gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="fill_parent" android:text="@string/mytext" android:singleLine="true" />

P/s:
- Điều chỉnh độ lớn nhỏ của chữ thì các bạn sửa tăng hoặc giảm giá trị dip nhé android:textSize="18.0dip"
- Điều chỉnh màu của chữ thì các bạn sửa giá trị #ffffffff trong code android:textColor="#ffffffff"
Các bạn có thể vào photoshop để lấy mã màu hex gồm 6 ký tự thay vào 6 chữ f sau cùng.

- Thêm ảnh (picture): Vào thư mục ……SystemUI\res\values tìm và mở file asus_status_bar.xml thêm vào đoạn code dưới đây vào vị trí bạn muốn thêm vào.

PHP:

<TextView android:background="@drawable/mypicture" android:gravity="center_vertical" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />

Sau đó tạo 1 ảnh bạn thích lưu với tên là mypicture và chép vào thư mục theo từng loại Zenfone tương ứng nhé:
- Zenfone 4; Zenfone 4.5: icon nằm trong thư mục drawable-hdpi
- Zenfone 5; Zenfone 6: icon nằm trong thư mục drawable-xhdpi

f/. Chia statusbar.
Một số quy ước chung để dễ nhớ nhé:
+ Left -> l ; Right -> r ; Statusbar -> stt3 ; Top (Trên) -> t ; Bottom (Dưới): b
+ Mô tả sơ lược cho dễ hiểu là thế này.
- stt3l -> StatusBar bên trái.
- stt3lt -> StatusBar phía trên bên trái.
- stt3lb -> StatusBar phía dưới bên trái.
- stt3r-> StatusBar phía bên phải.
- stt3rt -> StatusBar phía trên bên phải.
- stt3lrb-> StatusBar phía dưới bên phải.
Chỉ thế thôi. Bắt đầu làm nhé.

B1/. Vào thư mục ….framework-res\values tìm và mở file dimens.xml tìm đến dòng code quyết định chiều cao của Statusbar

PHP:

<dimen name="status_bar_height">25.0dip</dimen>

Tăng chiều cao thanh Statusbar lên gấp đôi bằng cách thay đổi giá trị 25.0dip thành 50.0dip
[IMG]

Save và đóng gói.

B2/. Khai báo khóa cho Statusbar
Vào thư mục ……SystemUI\res\layout tìm và mở file ids.xml chép và dán đoạn code dưới đây vào cuối cùng

PHP:

<item type="id" name="stt3l">false</item>
<item type="id" name="stt3lt">false</item>
<item type="id" name="stt3lb">false</item>
<item type="id" name="stt3r">false</item>
<item type="id" name="stt3rt">false</item>
<item type="id" name="stt3rb">false</item>

Save và đóng file lại.

Tiếp tục vào thư mục ……SystemUI\res\layout tìm và mở file asus_status_bar.xml . Vào Menu file -> New để tạo 1 file Notepad++ mới và save lại với tên nào đó cũng được. Ví dụ: mình save với tên mod2dong

Tab qua file asus_status_bar.xml copy toàn bộ nội dung của file dán sang file Mod2dong và xóa bỏ toàn bộ các đoạn code icon quyết định icon statusbar để lại ít dòng trống tí nữa mình đưa code vào.
[IMG]

Tiếp tục chép đoạn code này vào khoảng trống.

PHP:

<LinearLayout android:gravity="left" android:orientation="vertical" android:id="@id/stt3l" android:layout_width="fill_parent" android:layout_height="50.0dip" android:layout_weight="1.0">
     <LinearLayout android:gravity="left|center" android:orientation="horizontal" android:id="@id/stt3lt" android:layout_width="fill_parent" android:layout_height="25.0dip" android:layout_weight="1.0">

     </LinearLayout>
     <ImageView android:paddingRight="1.0dip" android:layout_width="fill_parent" android:layout_height="1.0dip" android:src="#ffffffff" />
     <LinearLayout android:gravity="left|center" android:orientation="horizontal" android:id="@id/stt3lb" android:layout_width="fill_parent" android:layout_height="25.0dip" android:layout_weight="1.0">

     </LinearLayout>
</LinearLayout>
<LinearLayout android:gravity="right" android:orientation="vertical" android:id="@id/stt3r" android:layout_width="fill_parent" android:layout_height="50.0dip" android:layout_weight="1.0">
     <LinearLayout android:gravity="right|center" android:orientation="horizontal" android:id="@id/stt3rt" android:layout_width="fill_parent" android:layout_height="25.0dip" android:layout_weight="1.0">

     </LinearLayout>
     <ImageView android:paddingRight="1.0dip" android:layout_width="fill_parent" android:layout_height="1.0dip" android:src="#ffffffff" />
     <LinearLayout android:gravity="right|center" android:orientation="horizontal" android:id="@id/stt3rb" android:layout_width="fill_parent" android:layout_height="25.0dip" android:layout_weight="1.0">

     </LinearLayout>
</LinearLayout>

Và canh chỉnh như hình
[IMG]

Giờ thì ta đã có bộ khung của Statusbar 2 dòng Xong 50% rồi đấy.

B3/. Giờ thì đến phần đưa icon vào bộ khung là hoàn thành.
- Quay lại Phần 3 xem mã từng code của các Icon rồi cắt từng đoạn mã 1,2,3,4,5 đó từ file asus_status_bar.xml dán vào vị trí mình muốn ở file mod2dong.
- Chèn code vào rồi muốn mod miết gì thêm ở các vị trí thì cứ tham khảo forum hoặc đọc lại các bài mod ở trên.
- Sau khi hoàn thành thì save lại thoát notepad++ tìm và đổi tên file mod2dong thành asus_status_bar.xml rồi chép đè lên file gốc.
Giờ đã hoàn thành 100% rồi đấy
Đóng gói và thưởng thức.
P/s:
- Một đoạn code thường bắt đầu bằng <LinearLayout và kết thúc là 1 </LinearLayout> Nguyên tắc sắp xếp các đoạn code như sau:
- Nếu là 2 hoặc 3 hoặc nhiều hơn thì dòng lồng vào nhau <LinearLayout dưới sẽ cách vào 1 tab. Cách tab nhanh là quét khối 1 đoạn <LinearLayout ………. <LinearLayout> rồi ấn tab

Muốn viết tiếp vài mod nữa nhưng đuối quá. Thôi share anh em từ từ vậy

Nguon : ZenphoneViet