작업관리자 프로그레스바(progressbar) 색상 변경하기

2013.03.07 11:50





테마작업을 하다보면 두가지 방법이 있습니다. xml을 수정해서 테마 디자인을 변경하는 방법과 이미지를 수정해서 변경하는방법입니다. 기존 ICS 강좌를 보시면 알수 있듯이 Holo화 과정은 Style에서 변경으로 가능합니다. 하지만 스타일로 모든부분이 변경되면 좋겠지만 일부분은 다른 방식으로 변화를 해서 테마작업하시는 분들이 몇일동이 끙끙대는 부분이 있습니다. 그 중에 하나가 작업관리자 프로글래스 바 부분입니다. 


사실 오늘 강좌는 누군가의 포스팅 압력에 의한 자료입니다. 이부분을 꼭 바꿔야 된다고 강력히 주장하신 (Sonic77)님 때문에 ㅎㅎ 반강제적 포스팅입니다. 드래그하면 보일까요??



 

 본 게시물과 관련된 포스팅 자료 ☆


 [초급]테마제작강좌] - [안드로이드 Style] Switches(토글키) Holo화 변경

[초급]테마제작강좌] - [안드로이드 Style] Seekbar(탐색바) 변경

[안드로이드 Style] ProgressBar(프로그래스바) 변경






작업관리자 프로그레스바(Progressbar) 변경 스샷.


원본과 수정본 스샷을 비교해주세요^^ (좌측 : 원본 / 우측 : 수정본)


   




이부분 수정이 어려운 이유는 보통 스타일에서 프로그레스바를 수정할때는 framework에서 Style아니면 이미지를 수정하면 바꿀 수 있지만 이놈은 framework에서 바꿀수가 없을 뿐더러 이미지가 아니라 xml의 경로를 찾아서 수정해줘야하기 때문에 까다로운겁니다. 작업은 너무 쉽습니다. 그럼 아래 좌표와 수정부분을 참조해서 수정해주시면 됩니다.




작업관리자 프로그레스바(Progressbar) xml 좌표


수정파일 위치 : JobManager.apk\res\drawable\progressbar.xml


progressbar.xml 원본 

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

<layer-list

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

    <item android:id="@android:id/background">

        <shape>

            <corners android:radius="1.0px" />

            <solid android:color="#ff18323d" />

        </shape>

    </item>

    <item android:id="@android:id/progress">

        <clip>

            <shape>

                <corners android:radius="1.0px" />

                <gradient android:startColor="#ff0c8bab" android:endColor="#ff0c8bab" android:angle="270.0" android:centerY="0.75" android:centerColor="#ff0c8bab" />

            </shape>

        </clip>

    </item>

</layer-list>



progressbar.xml 수정부분 (빨강색상 부분)

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

<layer-list

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

    <item android:id="@android:id/background">

        <shape>

            <corners android:radius="1.0px" />

            <solid android:color="#ff331c02" />

        </shape>

    </item>

    <item android:id="@android:id/progress">

        <clip>

            <shape>

                <corners android:radius="1.0px" />

                <gradient android:startColor="#ffff8800" android:endColor="#ffff8800" android:angle="270.0" android:centerY="0.75" android:centerColor="#ffff8800" />

            </shape>

        </clip>

    </item>

</layer-list>


위에 내용을 보시면 아시겠지만 background (ff331c02) 부분은 프로그레스바 배경

나머지 부분은 프로그레스바의 처음, 중간, 끝을 지정해주는 곳입니다. 



색상변경코드를 모르시면 아래 강좌 링크 참조해주세요. 색상코드 변경관련 강좌 포스팅

 

2012/10/29 - [☆ 테마제작강좌 ☆/Tip & Tech] - color(색상) 코드 알아내기








ICS에서의 스타일 강좌는 젤리빈에서도 비슷합니다. 

한번 해보시고 안되는 부분이 있으면 그부분만 따로 포스팅 해드리겠습니다.^^


저작자 표시 비영리 변경 금지
신고


azdesign™ ☆ 테마제작관련 ☆/테마제작강좌 , ,



  1. Blog Icon
    소닉77

    잘봤습니다.저기 괄호안의 인물이 누굴까 미친듯이 궁굼하지만 변경된 프로그레스바의 색상을보니
    누군지 감이 오는군요.ㅋㅋ

  2. Blog Icon
    kt3694

    설명 감사합니다.
    아직 저에게는 멀게 느껴지네요...

  3. Blog Icon
    stool

    디자인님 너무 찾고있는 내용이었는데 감사드립니다...^^
    ㅋㅋ 글코 ()안에 누가 계신지???ㅎㅎ
    두분 모두께 항상 감사 드립니다 +_+

  4. Blog Icon
    강한새별

    저기 디컴하고 수정해서 그다음 저장한뒤 컴파일 했는데 왜 변하지 않죠?
    그래서 다시 수정본 디컴해봣는데 수정않한상태로 돌아오는데 어쪄죠 ㅠㅠ

  5. Blog Icon
    bu

    항상 잘보고있습니다^^
    초보라서 그런데 좀다른질문인데
    배경투명은 이미지만 바꾸면되나요
    아니면 xml도 같이수정 해야되나요?

  6. Blog Icon

    사실 오늘 강좌는 누군가의 포스팅 압력에 의한 자료입니다. 이부분을 꼭 바꿔야 된다고 강력히 주장하신 (Sonic77)님 때문에 ㅎㅎ 반강제적 포스팅입니다. 드래그하면 보일까요??
    하하ㅏㅏ
    sonic77님 감사합니다 ㅡㅡ(ㅇ?)



티스토리 툴바