Tips untuk para themer android

Halo blogger mania.. lama ya aku gak posting di blog ini, kira2 kurang lebih ada setahun kayaknya.. sory banget ya karena akhir-akhir ini semenjak aku punya samsung android aku jadi lupa ngeblog.. lagi fkus nih belajar ngoprek-ngoprek android dan sebagainya...

nah malam ini saya akan memberikan tips untuk para themer mania android.. tips ini saya dapatkan dari Xda develper. nah agar tips ini tidak tenggelam jadi saya coba untuk menulis lagi diblog ini, karena suatu saat nanti pasti akan saya butuhkan lagi.. hehehehehe. bagi teman2 semuanya yang ingin mencoba tips ini silahkan ikuti tutorial berikut ini.. maaf kalo tutornya pake bahasa inggris.. nanti kalo diterjemahkan jadi berantakan deh..

yang pertama teman2 harus tau ya compile dan decompile apk.. nanti akan saya postingkan caranya bagi yang belum bisa compile dan decompile apk. oke langsung aja keTKP biar gak kelamaan ngobrolnya.. ngakakssss

Alat/tools yang diperlukan

1.  Sebuah program untuk decompile dan compile APK, seperti apk manager dan apktools. kalo saya   sendiri sih pake apktools
2. Program untuk edit xml(saya sarankan menggunakan Notepad++, kalo pake ntepad bawaan  windows nanti formatnya akan berantakan kalo disave)
3. Color sampler (Color-Hex), untuk mengetahui kode warna
4. BPengetahuan dasar tentang XML, bagi yang udah jago ngeblog tentunya udah tau ya tentang XML
5. Kesabaran
6. Secangkir kopi... kwkwkwk

oke kalo pera;atan perangnya udah lengkap kita langsung aja.
Settings Description Colors
Location: framework-res/res/color/listitem_summary_text


code:

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:state_pressed="true" android:color="#ffbebebe" />
    <item android:state_enabled="false" android:state_selected="true" android:color="#ffbebebe" />
    <item android:state_pressed="true" android:color="#ff000000" />
    <item android:state_selected="true" android:color="#ffffffff" />
    <item android:state_enabled="false" android:color="#ffbebebe" />
    <item android:color="#ff33b5e5" />
</selector>

Description Colors (rest of the UI)
Location: framework-res/res/values/colors.xml
Credits: ZduneX25

Code:

<color name="dim_foreground_dark">#ff33b5e5</color>
<color name="dim_foreground_dark_disabled">#8033b5e5</color>
<color name="dim_foreground_light_inverse">#ff33b5e5</color>
<color name="dim_foreground_light_inverse_disabled">#8033b5e5</color>

Remaining colors, EXPERIMENT and see changes

Notification Menu (Pull Down)
Location: framework-res/res/layout/status_bar_latest_event_content.xml
You will find 3 hex colors for Title, Description and Time

Code:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="vertical" android:paddingLeft="5.0dip" android:paddingTop="7.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout android:orientation="horizontal" android:paddingTop="3.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content">
        <ImageView android:id="@id/icon" android:layout_width="25.0dip" android:layout_height="25.0dip" android:src="@drawable/arrow_down_float" android:scaleType="fitCenter" />
        <TextView android:textSize="18.0sp" android:textStyle="bold" android:textColor="#ffffffff" android:ellipsize="marquee" android:id="@id/title" android:paddingLeft="4.0dip" android:fadingEdge="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" android:layout_weight="1.0" />
    </LinearLayout>
    <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">
        <TextView android:textSize="14.0sp" android:textColor="#ff33b5e5" android:ellipsize="marquee" android:id="@id/text" android:paddingLeft="4.0dip" android:fadingEdge="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" android:layout_weight="1.0" />
        <android.widget.DateTimeView android:textSize="14.0sp" android:textColor="#ff33b5e5" android:id="@id/time" android:paddingRight="5.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="4.0dip" android:singleLine="true" />
    </LinearLayout>
</LinearLayout>

Centered clock/date
Proper transparency no overlaying of notification with the time. (except too much notification icons)
Location: SytemUI/res/layout/status_bar.xml

Use UOT to make status bar transparent (easy way). then create a black/gray or whatever .PNG/.9.PNG "statusbar_background2" same size as status bar (can be 480X40-42) and insert it SystemUI/res/drawable-hdpi

Code:

<?xml version="1.0" encoding="utf-8"?>
<com.android.systemui.statusbar.StatusBarView android:orientation="vertical" android:background="@drawable/statusbar_background" android:focusable="true" android:descendantFocusability="afterDescendants"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent">
        <com.android.systemui.statusbar.Clock android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="center" android:paddingRight="6.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" android:layout_weight="1.0" />
    </LinearLayout>
    <LinearLayout android:orientation="horizontal" android:id="@id/icons" android:layout_width="fill_parent" android:layout_height="fill_parent">
        <com.android.systemui.statusbar.IconMerger android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/notificationIcons" android:paddingLeft="6.0dip" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0" android:layout_alignParentLeft="true" />
        <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/statusIcons" android:paddingRight="3.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_alignParentRight="true" />
    </LinearLayout>
    <LinearLayout android:orientation="horizontal" android:id="@id/ticker" android:paddingLeft="6.0dip" android:animationCache="false" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/statusbar_background2">
        <ImageSwitcher android:id="@id/tickerIcon" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginRight="8.0dip">
            <com.android.systemui.statusbar.AnimatedImageView android:layout_width="25.0dip" android:layout_height="25.0dip" />
            <com.android.systemui.statusbar.AnimatedImageView android:layout_width="25.0dip" android:layout_height="25.0dip" />
        </ImageSwitcher>
        <com.android.systemui.statusbar.TickerView android:id="@id/tickerText" android:paddingTop="2.0dip" android:paddingRight="10.0dip" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_weight="1.0">
            <TextView android:textColor="#ffffffff" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
            <TextView android:textColor="#ffffffff" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" />
        </com.android.systemui.statusbar.TickerView>
    </LinearLayout>
    <com.android.systemui.statusbar.DateView android:textSize="13.0sp" android:textStyle="bold" android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textColor="#ffffffff" android:gravity="center" android:id="@id/date" android:background="@drawable/statusbar_background2" android:paddingLeft="6.0px" android:paddingRight="6.0px" android:layout_width="fill_parent" android:layout_height="fill_parent" android:singleLine="true" />
</com.android.systemui.statusbar.StatusBarView>

Pull Down Menu Toggle Icons Background
Location: SytemUI/res/layout/status_bar_expanded.xml
Edit the ff numbers: android:layout_height="111.0px"
android:layout_marginTop="18.0px"
android:layout_marginBottom="15.0px"

Code:

<TableLayout android:id="@id/lge_table_layout_1" android:layout_width="fill_parent" android:layout_height="111.0px">
                        <TableRow>
                            <ImageView android:id="@id/sound_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="19.0px" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
                            <ImageView android:id="@id/wifi_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
                            <ImageView android:id="@id/bt_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
                            <ImageView android:id="@id/gps_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
                            <ImageView android:id="@id/network_button_toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="18.0px" android:layout_marginRight="13.0px" android:layout_marginBottom="15.0px" />
                        </TableRow>
                    </TableLayout>

Seek Bar/Volume
Location: framework-res/res/values/layout.xml
Orig value: 10.0dip

Code:

<style name="Widget.SeekBar" parent="@style/Widget">
        <item name="focusable">true</item>
        <item name="maxHeight">5.0dip</item>
        <item name="indeterminateOnly">false</item>
        <item name="indeterminateDrawable">@drawable/progress_horizontal</item>
        <item name="progressDrawable">@drawable/progress_horizontal</item>
        <item name="minHeight">5.0dip</item>
        <item name="thumb">@drawable/seek_thumb</item>
        <item name="thumbOffset">8.0dip</item>
    </style>

 Coba itu dulu ya..
Bersambung dipostingan berikutnya....