Monday, September 14, 2015
Cara oprek atau mengganti icon-icon framework-res.apk dan
SystemUI.apk serta aplikasi android lainnya. Mungkin sobat semua mulai
merasa bosan dengan tampilan hh android kesayangan yg mulai terlihat
monoton dan ingin merubahnya dengan kreatifitas sendiri maupun port
icon(replace icon) dari rom lain atau apk lain yang lebih menarik
kapanpun dan dimanapun langsung dari hh sobat..?
Dengan cara ini sobat bisa mengganti icon-icon di SystemUI, icon-icon di
Settings, maupun icon-icon di framework-res.apk dan lainnya. Penasaran?
yuk simak baik-baik karena trik ini sebenarnya sangat mudah dan tidak
perlu berkutat dengan script-script kode. konsep dasarnya
extract-edit/change/replace icon-rebuild-replace apk
cekidott..
Syarat :
1. HH harus sudah di Root (absolutely!)
2. Free memory system sama dengan (=) / lebih besar (>) dari memory
apk yg ingin di rubah atau di oprek, amannya memory free systemnya
>10mb
3. Lakukan Backup aplikasi yg akan di modifikasi
Bahan :
1. Root Explorer jika tersedia update silahkan diupdate ke versi terbaru di Playstore
2. Aplikasi (Apk) yang ingin dimodifikasi. (disini akan dicontohkan systemui.apk)
Tutorial :
1. Buka Rootex (Root Explorer)
2. Cari SystemUI.apk lalu tekan dan tahan dan pilih Extract All
3. Saat proses extract selesai pilih go to extracted (atau buka /sdcard/speedsoftware/extracted)
4. Ubah nama folder (rename) SystemUI contohnya SystemUIstok
5. Buka folder SystemUIstok lalu buka res selanjutnya buka folder drawable-mdpi* (/sdcard/speedsoftware/extracted/SystemUIstok/res/drawable-mdpi)
*folder drawable-mdpi bisa berfariasi tergantung besar kecilnya resolusi layar hp
6. Di dalam drawable-mdpi inilah icon-icon yang tampil di SystemUI.apk bersemayam.
*contoh nama icon antara lain: stat_sys...., stat_notify...., dll
Screenshot icon-icon SystemUI
7. Sampai di sini siapkan apk SystemUI dari rom/cusrom lain yang akan kita pakai untuk mengambil icon-iconnya atau icon hasil kreasi sendiri lebih baik. :D
8. Lakukan langkah yg sama dari nomor 1-4 dan ganti nama berbeda contoh SystemUIcusrom
9. Buka folder tsb buka res lalu masuk drawable-mdpi (sdcard/speedsoftware/extracted/SystemUIcusrom/res/drawable-mdpi)
10. Pilih icon apa saja yg akan di ambil
11. Tandai lalu pilih copy dan Paste-kan di folder SystemUIstok/res/drawable-mdpi/ (sdcard/speedsoftware/extracted/SystemUIstok/res/drawable-mdpi)
12. Pilih Replace dan tunggu hingga proses selesai
13. Kembali ke folder SystemUIstok (sdcard/speedsoftware/extracted/ SystemUIstok)
14. Tekan dan tahan lalu pilih Zip this folder dan tunggu sampai proses selesai
15. Pilih Go to zip (/sdcard/speedsoftware/archived atau zipped)
16. Tekan dan tahan SystemUIstok.zip lalu pilih copy atau move
17. Masuk ke folder root (/) buka folder system (/system) dan pilih paste
18. Tekan dan tahan pilih rename ubah nama menjadi SystemUI.apk
19. Tekan dan tahan SystemUI.apk pilih Permissions lalu ubah tanda ceklistnya menjadi (rw-, r--, r--)
20. Sampai di sini kita telah berhasil mengubah isi icon dari SystemUI.apk asli menjadi icon-icon baru yg kita inginkan
21. Langkah terakhir tekan dan tahan SystemUI.apk tsb lalu pilih move dan paste-kan di dalam folder app (/system/app)
22. Pilih replace, jika gagal ubah set permissions di pojok kanan atas dari r/o (read only) menjadi r/w (read n write)
23. Reboot
24. Selesai,
Selamat! Proses oprek replace icon telah terlewati, silahkan di coba
maka icon yg telah anda ganti akan berubah sesuai dengan kreasi anda.
Tutorial di atas adalah hasil praktek sewaktu masih menggunakan hp Motorola Fire Xt 530 yang resolusi layarnya hanya 320x480 3.5in serta menggunakan folder drawable-mdpi sebagai tempat icon-iconnya. Maka perbedaan nama folder bisa terjadi di hp dengan resolusi layar yang lebih besar.
Tutorial di atas adalah hasil praktek sewaktu masih menggunakan hp Motorola Fire Xt 530 yang resolusi layarnya hanya 320x480 3.5in serta menggunakan folder drawable-mdpi sebagai tempat icon-iconnya. Maka perbedaan nama folder bisa terjadi di hp dengan resolusi layar yang lebih besar.
Terima kasih telah membaca artikel tentang Cara oprek icon-icon
framework-res.apk dan SystemUI.apk, semoga bermanfaat dan jangan lupa
sebarkan ke teman-temanmu agar mereka mengetahuinya juga.
#related-posts {
float: left;
width: 532px;
margin-top: 20px;
font-size: 12px;
margin-bottom: 10px;
padding: 9px;
min-height: 180px;
color: #222;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;}
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none;color:#7776B2; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { border : medium none; margin:10px; padding : 0; }
#related-posts ul li {width: 500px;
float: left;
display: block;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 1px;
padding-left: 5px;
margin-bottom: 5px;
line-height: 2em;
border: 1px solid #ddd;
border-radius: 5px;}
#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:#fff;border:1px solid #ddd;}
#mintshare_mini {width:100px; height:35px;padding: 0 15px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
#mintshare_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:35px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background:#fff;
padding-left:5px;
cursor:pointer;}
#mintshare_mini a.sharetext img {
border: 0 none;
display: block;
margin-left: 10px;}
#mintshare_mini .flyout {
background: none repeat scroll 0 0 #AAAAAA;
height: 113px;
left: 40px;
position: relative;
top: -4px;
width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;}
#mintshare_mini .flyout ul {
background:#fff;
border:1px solid #ddd;
list-style:none;
position:absolute;
top:-27px;
width:420px;
height:35px;
border-left:0;
left:50px;
padding-right:10px;
z-index: 1;
overflow: hidden;
padding-left: 15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 5px 5px 0;
-icab-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;}
#mintshare_mini .flyout ul li {float: left;}
#mintshare_mini .flyout ul li a{}
#mintshare_mini .flyout ul a img {}
#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;padding-left: 15px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;}
#mintshare_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;}
#mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}
#mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}
#mintshare_mini .get_mintshare {
font-size: 10px;
margin-left: 5px;
position: relative;
top: 2px;}
.relbg{
background: #222;
border-radius: 5px;
padding: 5px;
border: 1px solid #ddd;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;}
.relbg h5{
color: #fafafa;
font-weight: normal;
text-shadow: 1px 1px 1px #362c30;}
#related-posts {
float: left;
width: 532px;
margin-top: 20px;
font-size: 12px;
margin-bottom: 10px;
padding: 9px;
min-height: 180px;
color: #222;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;}
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none;color:#7776B2; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { border : medium none; margin:10px; padding : 0; }
#related-posts ul li {width: 500px;
float: left;
display: block;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 1px;
padding-left: 5px;
margin-bottom: 5px;
line-height: 2em;
border: 1px solid #ddd;
border-radius: 5px;}
#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:#fff;border:1px solid #ddd;}
#mintshare_mini {width:100px; height:35px;padding: 0 15px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
#mintshare_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:35px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background:#fff;
padding-left:5px;
cursor:pointer;}
#mintshare_mini a.sharetext img {
border: 0 none;
display: block;
margin-left: 10px;}
#mintshare_mini .flyout {
background: none repeat scroll 0 0 #AAAAAA;
height: 113px;
left: 40px;
position: relative;
top: -4px;
width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;}
#mintshare_mini .flyout ul {
background:#fff;
border:1px solid #ddd;
list-style:none;
position:absolute;
top:-27px;
width:420px;
height:35px;
border-left:0;
left:50px;
padding-right:10px;
z-index: 1;
overflow: hidden;
padding-left: 15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 5px 5px 0;
-icab-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;}
#mintshare_mini .flyout ul li {float: left;}
#mintshare_mini .flyout ul li a{}
#mintshare_mini .flyout ul a img {}
#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;padding-left: 15px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;}
#mintshare_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;}
#mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}
#mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}
#mintshare_mini .get_mintshare {
font-size: 10px;
margin-left: 5px;
position: relative;
top: 2px;}
.relbg{
background: #222;
border-radius: 5px;
padding: 5px;
border: 1px solid #ddd;
border-left: 8px ridge #88ECFB;
border-right: 8px ridge #88ECFB;}
.relbg h5{
color: #fafafa;
font-weight: normal;
text-shadow: 1px 1px 1px #362c30;}
nyimak om, kunjungi juga http://www.catatandroid.tk/2012/11/cara-oprek-sendiri-icon-drawable-dengan.html
ReplyDelete