2016년 5월 17일 화요일

android Button에 text와 이미지 같이 있을때, 이미지 show hide 할 경우 text 센타 정렬이 틀어 질때

Button은 아래와 같이 text와 왼쪽에 체크 이미지를 표시한다. 
click에 따라 체크 이미지가 show, hide 토클 된다. 이때에 문제가 발생 한다. 

체크 이미지가 표시되고 없어짐에 따라 text의 위치가 가운데에서 약간 왼쪽으로 갈때가 있고 정 가운데로 올때가 있다. 

            <Button 
                android:id="@+id/net_eth_auto_btn" 
                style="@style/sty_check_box_button" 
                android:layout_width="278px" 
                android:layout_height="54px" 
                android:background="@drawable/selector_hidden_half_button" 
                android:drawableRight="@drawable/hidden_check_icon" 
                android:text="@string/eth_auto" /> 
hidden_check_icon의 크기는 26x24 

스타일에서 android:drawablePadding를 이용해 체크 이미지가 표시되더라도 text의 위치가 움직이지 않도록 마이너스 값을 넣는다. 
    <style name="sty_check_box_button"> 
        <item name="android:background">@drawable/selector_hidden_half_button</item> 
        <item name="android:textSize">22px</item> 
        <item name="android:textColor">@color/text_normal</item> 
        <item name="android:textAllCaps">false</item> 
        <item name="android:drawablePadding">-18px</item> 
        <item name="android:gravity">center</item> 
        <item name="android:paddingStart">20px</item> 
        <item name="android:paddingEnd">20px</item> 
    </style>

댓글 없음:

댓글 쓰기