Значок и текст для правильной выкладки в пользовательской раскладке строк?

Question

Как иметь значок и текст, которые отображаются горизонтально, чтобы иметь такую ​​же высоту и дизайн? Я имею в виду, если вы видите Twitter, у них будет Retweets, favorites, и все его выровнят правильно с одинаковой высотой и одинаковой шириной.

Аналогичным образом, как я должен достичь?

Это мой текущий макет:

<?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="match_parent" android:padding="15dp" 
    android:id="@+id/relative"> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:textAppearance="?android:attr/textAppearanceSmall" 
     android:text="This is some text which used to test. Don&apos;t care this. This will be updated dynamically" 
     android:id="@+id/content" 
     android:layout_marginLeft="5dp" 
     android:layout_alignParentTop="true" /> 


     <ImageView 
      android:layout_width="17dp" 
      android:layout_height="17dp" 
      android:src="@drawable/favorite" 
      android:id="@+id/imageView" 
      android:padding="1dp" 
      android:layout_marginTop="15dp" 
      android:layout_below="@+id/content" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentStart="true" /> 


    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textAppearance="?android:attr/textAppearanceSmall" 
     android:text="33" 
     android:id="@+id/favcount" 
     android:textSize="13dp" 
     android:textColor="@color/md_orange_700" 
     android:layout_marginLeft="5dp" 
     android:layout_marginStart="5dp" 
     android:layout_below="@+id/content" 
     android:layout_marginTop="15dp" 
     android:layout_toRightOf="@+id/imageView" 
     android:layout_toEndOf="@+id/imageView" /> 


     <com.github.curioustechizen.ago.RelativeTimeTextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textAppearance="?android:attr/textAppearanceSmall" 
     android:text="3 hrs ago" 
      android:textSize="13dp" 
     android:id="@+id/postedDate" 
      android:layout_below="@+id/content" 
      android:layout_marginTop="17dp" 

      android:layout_alignRight="@+id/content" 
      android:layout_alignEnd="@+id/content" /> 


     <ImageView 
     android:layout_width="17dp" 
     android:layout_height="17dp" 
     android:src="@drawable/ic_time" 
     android:id="@+id/imageView2" 
      android:layout_marginRight="5dp" 
      android:layout_marginEnd="5dp" 
      android:layout_below="@+id/content" 
      android:layout_marginTop="16dp" 
      android:layout_toLeftOf="@+id/postedDate" 
      android:layout_toStartOf="@+id/postedDate" /> 


</RelativeLayout> 

Текущий дизайн, которые имеют проблемы в неподходящих по высоте и ширине (зависит от кол и значок)

Какого размера значок должен иметь? Вы можете видеть сердце, и его счет не выравнивается правильно.

Answer 1

Обведите обоими значками и раскладками в горизонтальном линейном режиме. Установите оба внутренних макета, чтобы они были центрированы в этом макете, используя:

android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:gravity="center"