본문 바로가기

☆ 테마제작관련 ☆/테마제작강좌

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



테마작업을 하다보면 두가지 방법이 있습니다. 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에서의 스타일 강좌는 젤리빈에서도 비슷합니다. 

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