Относительная компоновка, выравнивание центра родительского элемента и справа от вида без перекрытия

Question

Я пытаюсь выровнять TextView с центром в относительной компоновке, но также и справа от ImageView. Я бы хотел, чтобы это выглядело так.

[-(image)-----some text here------------] 

Я могу сделать это с помощью приведенного ниже кода, но если текст становится слишком длинным, он перекрывает изображение.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    android:paddingTop="@dimen/small_padding" 
    android:paddingBottom="@dimen/small_padding" 
    android:background="@color/White"> 

    <ImageView 
     android:id="@+id/navMenu" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/home_icon" 
     android:layout_marginEnd="@dimen/small_padding" 
     android:contentDescription="@string/abc_search_hint" 
     android:layout_alignParentStart="true" /> 

    <TextView 
     android:id="@+id/actionBarTitle" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/profile" 
     android:textSize="24sp" 
     android:textStyle="bold" 
     android:textColor="@color/Black" 
     android:maxLines="1" 
     android:ellipsize="end" 
     android:contentDescription="@string/title_activity_connect" 
     android:layout_centerInParent="true" /> 

</RelativeLayout> 

Я попытался совместив TextView справа от ImageView, но она перестает центрирование родителя, если я могу это сделать. Подсказка:

Answer 1

Вы можете попробовать что-то вроде этого. Для этого я использовал радиогруппу вместо линейной компоновки, но она все равно должна работать. Имеют линейную компоновку по горизонтали, как вы уже сделать, а затем сделать центр тяжести макет затем просто поместить изображение первого, то вид текста

<RadioGroup 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:orientation="horizontal" 
       android:layout_gravity="center" 
       android:paddingTop="20dp"> 

        <RadioButton 
         android:id="@+id/radio_student" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="@string/checkbox_student" 
         android:onClick="onRadioButtonClicked" 
         android:layout_marginEnd="30dp" 
         android:layout_marginRight="30dp"/> 

        <RadioButton 
         android:id="@+id/radio_teacher" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="@string/checkbox_teacher" 
         android:onClick="onRadioButtonClicked" 
         android:layout_marginStart="30dp" 
         android:layout_marginLeft="30dp"/> 

      </RadioGroup> 

EDIT: Я не знаю, если маржинальные атрибуты для кнопок I есть работа над видом текста, но заполнение слева от текста может работать

Answer 2

попробовать это:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    android:paddingTop="@dimen/small_padding" 
    android:paddingBottom="@dimen/small_padding" 
    android:background="@color/White"> 

    <ImageView 
     android:id="@+id/navMenu" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/home_icon" 
     android:layout_marginEnd="@dimen/small_padding" 
     android:contentDescription="@string/abc_search_hint" 
     android:layout_alignParentStart="`enter code here`true" /> 

    <TextView 
     android:id="@+id/actionBarTitle" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/profile" 
     android:textSize="24sp" 
     android:textStyle="bold" 
     android:textColor="@color/Black" 
     android:maxLines="1" 
     android:ellipsize="end" 
     android:contentDescription="@string/title_activity_connect" 
     android:layout_toRightOf="@+id/navMenu" 
     android:alignParentRight="true" 
     android:gravity="center" /> 

</RelativeLayout> 

Answer 3

Вы можете (и должны, для выполнения сакэ), используйте соединение Drawable для TextView (и избавиться от ImageView)

Вы хотите изображение, чтобы остаться на левой части TextView, поэтому используйте android:drawableLeft:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:paddingTop="@dimen/small_padding" 
    android:paddingBottom="@dimen/small_padding" 
    android:background="@color/White" 
    > 
    <TextView 
     android:id="@+id/actionBarTitle" 
     android:drawableLeft="@drawable/home_icon" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="@string/profile" 
     android:textSize="24sp" 
     android:textStyle="bold" 
     android:textColor="@color/Black" 
     android:maxLines="1" 
     android:ellipsize="end" 
     android:contentDescription="@string/title_activity_connect" 
     android:centerInParent="true" 
     android:gravity="center" 
    />  
</RelativeLayout>