Twins.K™
14.03.08
조회 수 4451
추천 수 14
댓글 8

S5 테마 만드시는 분들 (특히 4.3분들) 을 위해 소소한 팁 하나 남겨봅니다...


몇몇 분들 헤버부분 분명 values.xml에서 색상 바꾸셧는데 뭔가 꺼멓게 나오셔서 당황하셧죠??


ㅎㅎ......


저도 많이 당황햇습니다...ㅎㅎ


그래서 이리뜯고 저리뜯고 하다가........ 결국 수정해야 하는 파일은 res/layout/statur_bar_expanded_header이라는 것을 알게되엇습니다...^^

본 팁은 갤럭시 S4 (GT-I9500)을 기반으로 작성되었습니다 


헤더 파일을 열으시면..... 많은 구문들이 나올텐데요.....


background 를 찾아주시면 되겟습니다...^^



수정 전 전체구문 ------------------------------------------------------------------------------------------

(빨간색 구문을 수정해주시면 됩니다 ^^


<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/header" android:background="@drawable/notification_header_bg" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_header_height" android:baselineAligned="false"

  xmlns:android="http://schemas.android.com/apk/res/android"

  xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">

    <FrameLayout android:id="@id/settings_button_holder" android:layout_width="@dimen/button_holder_width" android:layout_height="fill_parent" android:layout_alignParentRight="true">

        <ImageView android:id="@id/settings_button" android:background="@drawable/ic_notify_button_bg" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/ic_notify_settings" android:scaleType="center" android:contentDescription="@string/accessibility_desc_quick_settings" />

        <ImageView android:id="@id/notification_button" android:background="@drawable/ic_notify_button_bg" android:focusable="true" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/ic_notifications" android:scaleType="center" android:contentDescription="@string/accessibility_notifications_button" />

    </FrameLayout>

    <ImageView android:id="@id/settings_button_holder_divider" android:layout_width="1.0dip" android:layout_height="25.0dip" android:layout_marginTop="@dimen/quick_setting_panel_setting_button_divider_margin" android:layout_marginBottom="@dimen/quick_setting_panel_setting_button_divider_margin" android:src="@drawable/tw_quick_panel_plnm_setting_dv" android:layout_toLeftOf="@id/settings_button_holder" />

    <FrameLayout android:id="@id/edit_button_holder" android:layout_width="@dimen/button_holder_width" android:layout_height="fill_parent" android:layout_toLeftOf="@id/settings_button_holder_divider">

        <ImageView android:id="@id/basic_settings_button" android:background="@drawable/ic_notify_button_bg" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/ic_notify_quicksettings" android:scaleType="center" android:contentDescription="@string/accessibility_settings_button" />

        <ImageView android:id="@id/settings_edit_button" android:background="@drawable/ic_notify_button_bg" android:focusable="true" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/ic_notify_edit_normal" android:scaleType="center" android:contentDescription="@string/quickpanel_edit_current" />

    </FrameLayout>

    <ImageView android:id="@id/basic_settings_button_divider" android:layout_width="1.0dip" android:layout_height="25.0dip" android:layout_marginTop="@dimen/quick_setting_panel_setting_button_divider_margin" android:layout_marginBottom="@dimen/quick_setting_panel_setting_button_divider_margin" android:src="@drawable/tw_quick_panel_plnm_setting_dv" android:layout_toLeftOf="@id/edit_button_holder" />

    <TextView android:textSize="11.0dip" android:textStyle="bold" android:textColor="#ff00a040" android:layout_gravity="center_vertical" android:id="@id/header_debug_info" android:padding="2.0dip" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toLeftOf="@id/basic_settings_button_divider" android:fontFamily="sans-serif-condensed" />

    <Space android:id="@id/space_between_date_and_header_debug_text" android:layout_width="0.0dip" android:layout_height="0.0dip" android:layout_weight="1.0" android:layout_toLeftOf="@id/header_debug_info" />

    <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/datetime" android:background="@drawable/ic_notify_button_bg" android:paddingLeft="0.0dip" android:paddingRight="0.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:baselineAligned="true" android:layout_toLeftOf="@id/space_between_date_and_header_debug_text" android:layout_alignParentLeft="true">

        <com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:textColor="@color/notification_header_clock_color" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="@dimen/notification_panel_header_clock_margin_left" android:layout_marginTop="-3.0dip" android:singleLine="true" systemui:ampmSmall="true" />

        <com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:textColor="@color/notification_header_date_color" android:ellipsize="marquee" android:gravity="bottom|left|center" android:id="@id/date" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="8.0dip" android:layout_marginRight="4.0dip" android:layout_marginBottom="@dimen/notification_panel_header_date_margin_bottom" android:singleLine="true" />

    </LinearLayout>

</RelativeLayout>


네... 복잡하죠..??


그래서 간추려 보겟습니다^^


<RelativeLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/header" android:background="@drawable/notification_header_bg"


<ImageView android:id="@id/settings_button" android:background="@drawable/ic_notify_button_bg" 


<ImageView android:id="@id/notification_button" android:background="@drawable/ic_notify_button_bg" 


<ImageView android:id="@id/basic_settings_button" android:background="@drawable/ic_notify_button_bg" 


 <ImageView android:id="@id/settings_edit_button" android:background="@drawable/ic_notify_button_bg" 


<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/datetime" android:background="@drawable/ic_notify_button_bg


네... 요 5 구문들을 수정해 주시겟습니다....


보시면,... android:background, 즉 뒷 배경을 drawable에서 불러오게 되어잇는데.... 이 문제입니다...


@drawable 부분들을 모두 색상코드로 교체해줍시다...!! (자신이 원하는 색상코드를 이용하시면 됩니다..)


전 제 테마 메인 컬러인 #ff800022를 썻지만, 여기에선, 혼동을 방지하기 위해 임의의 색상코드 #ffXXXXXX를 사용하겟습니다..


모두 색상코드로 교체해주시면... 


<RelativeLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/header" android:background="#ffXXXXXX"


<ImageView android:id="@id/settings_button" android:background="#ffXXXXXX


<ImageView android:id="@id/notification_button" android:background="#ffXXXXXX


<ImageView android:id="@id/basic_settings_button" android:background="#ffXXXXXX


 <ImageView android:id="@id/settings_edit_button" android:background="#ffXXXXXX


<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/datetime" android:background="#ffXXXXXX



이렇게 되는겁니다....ㅎㅎ


전 간추려서 썻지만... 여러분들은 기~인 구문에서 수정해주세요..ㅎㅎ


수정후 전체구문--------------------------------------------------------------------------------------------


<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/header" android:background="#ffXXXXXX" android:layout_width="fill_parent" android:layout_height="@dimen/notification_panel_header_height" android:baselineAligned="false"

  xmlns:android="http://schemas.android.com/apk/res/android"

  xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">

    <FrameLayout android:id="@id/settings_button_holder" android:layout_width="@dimen/button_holder_width" android:layout_height="fill_parent" android:layout_alignParentRight="true">

        <ImageView android:id="@id/settings_button" android:background="#ffXXXXXX" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/ic_notify_settings" android:scaleType="center" android:contentDescription="@string/accessibility_desc_quick_settings" />

        <ImageView android:id="@id/notification_button" android:background="#ffXXXXXX" android:focusable="true" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/ic_notifications" android:scaleType="center" android:contentDescription="@string/accessibility_notifications_button" />

    </FrameLayout>

    <ImageView android:id="@id/settings_button_holder_divider" android:layout_width="1.0dip" android:layout_height="25.0dip" android:layout_marginTop="@dimen/quick_setting_panel_setting_button_divider_margin" android:layout_marginBottom="@dimen/quick_setting_panel_setting_button_divider_margin" android:src="@drawable/tw_quick_panel_plnm_setting_dv" android:layout_toLeftOf="@id/settings_button_holder" />

    <FrameLayout android:id="@id/edit_button_holder" android:layout_width="@dimen/button_holder_width" android:layout_height="fill_parent" android:layout_toLeftOf="@id/settings_button_holder_divider">

        <ImageView android:id="@id/basic_settings_button" android:background="#ffXXXXXX" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/ic_notify_quicksettings" android:scaleType="center" android:contentDescription="@string/accessibility_settings_button" />

        <ImageView android:id="@id/settings_edit_button" android:background="#ffXXXXXX" android:focusable="true" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/ic_notify_edit_normal" android:scaleType="center" android:contentDescription="@string/quickpanel_edit_current" />

    </FrameLayout>

    <ImageView android:id="@id/basic_settings_button_divider" android:layout_width="1.0dip" android:layout_height="25.0dip" android:layout_marginTop="@dimen/quick_setting_panel_setting_button_divider_margin" android:layout_marginBottom="@dimen/quick_setting_panel_setting_button_divider_margin" android:src="@drawable/tw_quick_panel_plnm_setting_dv" android:layout_toLeftOf="@id/edit_button_holder" />

    <TextView android:textSize="11.0dip" android:textStyle="bold" android:textColor="#ff00a040" android:layout_gravity="center_vertical" android:id="@id/header_debug_info" android:padding="2.0dip" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toLeftOf="@id/basic_settings_button_divider" android:fontFamily="sans-serif-condensed" />

    <Space android:id="@id/space_between_date_and_header_debug_text" android:layout_width="0.0dip" android:layout_height="0.0dip" android:layout_weight="1.0" android:layout_toLeftOf="@id/header_debug_info" />

    <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/datetime" android:background="#XXXXXX" android:paddingLeft="0.0dip" android:paddingRight="0.0dip" android:focusable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:baselineAligned="true" android:layout_toLeftOf="@id/space_between_date_and_header_debug_text" android:layout_alignParentLeft="true">

        <com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:textColor="@color/notification_header_clock_color" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="@dimen/notification_panel_header_clock_margin_left" android:layout_marginTop="-3.0dip" android:singleLine="true" systemui:ampmSmall="true" />

        <com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:textColor="@color/notification_header_date_color" android:ellipsize="marquee" android:gravity="bottom|left|center" android:id="@id/date" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="8.0dip" android:layout_marginRight="4.0dip" android:layout_marginBottom="@dimen/notification_panel_header_date_margin_bottom" android:singleLine="true" />

    </LinearLayout>

</RelativeLayout>



-----------------------------------------------------------------------------------------------------------

실제 수정하실 때에는 XXXXXX가 아닌, 원하는 색상코드를 집어 넣으시면 됩니다...ㅎㅎ


혹시나 모르니 푸우님의 강좌 위치도 수정해주세요...!!!! (drawables.xml/colors.xml)


제 테마용 헤더 xml 첨부해 두엇습니다...
적용하면 버건디색 나오니 적용은 하지 마시구요.,... 
알아듣기 힘드시면 참고용으로 올려두었습니다 ㅎㅎ



Extra Form
첨부
status_bar_expanded_header.xml  [File Size:5.0KB/Download:2]
댓글을 남겨야 다운로드가 가능합니다. 감사의 댓글을 달고 오른쪽 확인버튼을 눌러주세요.
다운로드시 일주일에 한개 이상의 게시물 작성이 필요합니다. 지금 자유게시판에 회원님의 하루를 남겨보세요.
추천♡버튼을 잊지 마세요. 추천인과 회원님 모두 포인트가 적립됩니다.
댓글 8
댓글 쓰기 권한이 없습니다.
정렬 목록 검색 쓰기
등록된 글이 없습니다.
1 - 2