[android] Android에서 RadioButton과 레이블 사이에 여백을 추가 하시겠습니까?

Program / 글쓴이

Android의 기본 제공 구성 요소를 사용하면서 RadioButton과 레이블 사이에 약간의 공간을 추가 할 수 있습니까? 기본적으로 텍스트는 약간 흐릿하게 보입니다.

<RadioButton android:id="@+id/rb1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="My Text"/>

몇 가지 시도해 보았습니다.

  1. 여백과 패딩을 지정하면 전체 요소 (버튼과 텍스트, 함께) 주위에 공간이 추가되는 것처럼 보입니다. 말이되지만 내가 필요한 것을하지 않습니다.

  2. 선택 및 선택 취소 상태의 이미지를 지정하는 XML을 통해 사용자 정의 드로어 블을 만든 다음 각 이미지의 오른쪽에 몇 개의 추가 픽셀을 추가합니다. 이것은 작동하지만 이제는 기본 UI를 벗어납니다. (세계의 끝은 아니지만 이상적은 아닙니다)

  3. 각 레이블의 시작 부분에 공백을 추가하십시오. Android는 “My String”에서와 같이 선행 공백 문자를 자르는 것처럼 보이지만 “\ u00A0My String”에서와 같이 유니 코드 U + 00A0을 지정하면 트릭이 수행됩니다. 이것은 작동하지만 다소 더러워 보입니다.

더 나은 솔루션이 있습니까?

답변

지금이 글을 읽는 모든 사람에게 받아 들여진 대답은 새로운 API에서 너무 많은 패딩을 유발하는 레이아웃 문제로 이어질 것입니다.

API <= 16 paddingLeft에서는 라디오 버튼의 뷰 경계에 상대적인 패딩을 설정하도록 라디오 버튼을 설정할 수 있습니다 . 또한 패치 9 배경은 뷰에 대한 뷰 경계도 변경합니다.

API> = 17에서 paddingLeft(또는 paddingStart)은 라디오 버튼 드로어 블과 관련됩니다. 약 패치 9에도 동일하게 적용됩니다. 패딩 차이를 더 잘 설명하려면 첨부 된 스크린 샷을 참조하십시오.

코드를 자세히 살펴보면 API 17에서 getHorizontalOffsetForDrawables 라는 새 메서드를 찾을 수 있습니다. 이 메서드는 라디오 버튼의 왼쪽 패딩 (따라서 그림에 표시된 추가 공간)을 계산할 때 호출됩니다.

TL; DR paddingLeft귀하 minSdkVersion가> = 17 인 경우 사용 하십시오 . API <= 16을 지원하는 경우 지원하는 최소 SDK에 대한 라디오 버튼 스타일과 API 17+에 대한 다른 스타일이 있어야합니다.

API 버전 간의 왼쪽 패딩 차이를 보여주는 스크린 샷 결합

답변

이 방법으로 문제가 해결되는지 확실하지 않지만 50dip 이상의 값을 사용하여 라디오 버튼의 “Padding left”속성을 사용해 보셨습니까?

답변

나는 여러 가지 방법을 시도하고 에뮬레이터와 장치 모두에서 올바르게 작동하는 것으로 끝냈습니다.

    <RadioButton
        android:background="@android:color/transparent"
        android:button="@null"
        android:drawableLeft="@drawable/your_own_selector"
        android:drawablePadding="@dimen/your_spacing" />
  • android : background 는 api10에서 보이는 것처럼 투명해야합니다. 내장 패딩이있는 배경이 있습니다 (다른 API에서는 시도하지 않았지만 솔루션은 다른 API에서도 작동 함).
  • android : button 은 패딩이 제대로 작동하지 않으므로 null 이어야 합니다.
  • android : button 대신 android : drawableLeft 를 지정해야 합니다.
  • android : drawablePadding 은 드로어 블과 텍스트 사이에있는 공간입니다.

답변

추가 마진을 사이에 라디오 버튼 의 라벨 로 paddingLeft :

android:paddingLeft="10dip"

맞춤 패딩을 설정하기 만하면됩니다 .

RadioButton의 xml 속성.

<RadioButton
    android:id="@+id/radHighest"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:button="@drawable/YourImageResource"
    android:drawablePadding="50dp"
    android:paddingLeft="10dip"
    android:text="@string/txt_my_text"
    android:textSize="12sp" />

끝난

답변

다음 XML 속성을 사용하십시오. 그것은 나를 위해 일했습니다

API <= 16 사용

android:paddingLeft="16dp"

API> = 17 사용

android:paddingStart="@16dp"

예 :

<android.support.v7.widget.AppCompatRadioButton
        android:id="@+id/popularityRadioButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:checked="true"
        android:paddingEnd="@dimen/radio_button_text"
        android:paddingLeft="@dimen/radio_button_text"
        android:paddingRight="@dimen/radio_button_text"
        android:paddingStart="@dimen/radio_button_text"
        android:text="Popularity"
        android:textSize="@dimen/sort_dialog_text_size"
        android:theme="@style/AppTheme.RadioButton" />

여기에 이미지 설명 입력

추가 : drawablePadding속성이 작동하지 않습니다. 라디오 버튼에 드로어 블을 추가 한 경우에만 작동합니다. 예 :

<RadioButton
    android:id="@+id/radioButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:button="@null"
    android:drawableEnd="@android:drawable/btn_radio"
    android:drawablePadding="56dp"
    android:drawableRight="@android:drawable/btn_radio"
    android:text="New RadioButton" />

답변

지금 확인하기 위해 이것을 시도 할 수는 없지만 android : drawablePadding 속성 이 필요한 작업 을 수행하는지 확인하려고 했습니까?

답변

final float scale = this.getResources().getDisplayMetrics().density;
checkBox.setPadding(checkBox.getPaddingLeft() + (int)(10.0f * scale + 0.5f),

    checkBox.getPaddingTop(),
    checkBox.getPaddingRight(),
    checkBox.getPaddingBottom());