android ToggleButton 표시 텍스트 사용자 정의

Question

최근 작업중인 응용 프로그램의 ToggleButton이 녹색 표시등을 잃어 버렸습니다. 다양한 튜토리얼을 시작하고 9 개의 패치 표시기 세트를 사용하여 올바르게 작동하게했습니다. 유일한 문제는 텍스트가 지금과 같이, 지표의 꼭대기에 앉아 :

내가이 작업을 수행 할 수있는 방법이 ... 이전 토글 버튼처럼 상단에있는 텍스트를 원하십니까?

btn_toggle_bg.xml :

<?xml version="1.0" encoding="utf-8"?> 
    <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_checked="true" android:drawable="@drawable/btn_toggle_on" /> 
    <item android:state_checked="false" android:drawable="@drawable/btn_toggle_off" /> 
    </selector> 

내 활동에 ToggleButton을 태그 :

 <ToggleButton 
      android:background="@drawable/btn_toggle_bg" 
      style="@style/OurThemeName" 
      android:textOff="@string/fertilizer" 
      android:textOn="@string/fertilizer" 
      android:id="@+id/toggleFertilizer" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:checked="false"> 
     </ToggleButton> 
     <ToggleButton 
      android:background="@drawable/btn_toggle_bg" 
      style="@style/OurThemeName" 
      android:textOff="@string/irrigation" 
      android:textOn="@string/irrigation" 
      android:id="@+id/toggleIrrigation" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:checked="false"> 
     </ToggleButton> 

거의 themes.xml을 잊었 : 내 btn_toggle.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" android:drawable="@android:drawable/btn_default" /> 
    <item android:id="@+android:id/toggle" android:drawable="@drawable/btn_toggle" /> 
    </layer-list> 

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
<!-- Overwrite the ToggleButton style --> 
<style name="Widget.Button.Toggle" parent="android:Widget"> 
    <item name="android:background">@drawable/btn_toggle_bg</item> 
    <item name="android:textOn">On</item> 
    <item name="android:textOff">Off</item> 
    <item name="android:disabledAlpha">?android:attr/disabledAlpha</item> 
</style> 

<style name="OurThemeName" parent="@android:Theme.Light"> 
    <item name="android:buttonStyleToggle">@style/Widget.Button.Toggle</item> 
     <item name="android:textOn"></item> 
    <item name="android:textOff"></item> 
</style> 
</resources> 

Answer 1

9- 패치에의 채우기 영역 을 설정해야합니다. Draw 9-patch 도구를 사용하여이 영역을 이미지의 오른쪽과 아래쪽에 추가 할 수 있습니다. 이것을 사용하여 텍스트 레이블 영역을 정의합니다.

9 패치가 작동하는 방식을 설명하는 this tutorial을 확인하십시오.