2016-03-15 64 views
0

enter image description hereAndroid的工具欄菜單圖標和文本沒有正確對齊

在上面的圖片清晰顯示文本和圖標沒有正確對齊因此如何正確對齊文本和圖像對齊。

列表視圖代碼

<android.support.v4.widget.DrawerLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/drawer_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <!-- Framelayout to display Fragments --> 
    <FrameLayout 
     android:id="@+id/frame_container" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 

    <!-- Listview to display slider menu --> 
    <ListView 
     android:id="@+id/list_slidermenu" 
     android:layout_width="240dp" 
     android:layout_height="match_parent" 
     android:layout_gravity="start" 
     android:choiceMode="singleChoice" 
     android:divider="@color/list_divider" 
     android:dividerHeight="1dp"   
     android:listSelector="@drawable/list_selector" 
     android:background="@color/list_background"/> 
</android.support.v4.widget.DrawerLayout> 
+0

請問我們有代碼嗎? –

+0

發佈您的包含您的項目的XML代碼。我的意思是textview和imageview –

回答

0

加入讓Android:layout_marginTop並且工作正常。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="match_parent" 
     android:layout_height="48dp" 
     android:background="@drawable/list_selector"> 

     <ImageView 
      android:id="@+id/icon" 
      android:layout_width="25dp" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_marginLeft="12dp" 
      android:layout_marginRight="12dp" 
      android:contentDescription="@string/desc_list_item_icon" 
      android:src="@drawable/ic_home" 
      android:layout_centerVertical="true" /> 

     <TextView 
      android:id="@+id/title" 
      android:layout_width="wrap_content" 
      android:layout_height="match_parent" 
      android:layout_toRightOf="@id/icon" 
      android:minHeight="?android:attr/listPreferredItemHeightSmall" 
      android:textAppearance="?android:attr/textAppearanceListItemSmall" 
      android:textColor="@color/list_item_title" 
      android:gravity="center_vertical" 
      android:layout_marginTop="16dp" 
      android:paddingRight="40dp"/> 

     <TextView android:id="@+id/counter" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/counter_bg" 
      android:layout_alignParentRight="true" 
      android:layout_centerVertical="true" 
      android:layout_marginRight="8dp" 
      android:textColor="@color/counter_text_color"/> 

    </RelativeLayout> 
0

做這樣的事情

<TextView 
    android:id="@+id/home" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:drawableLeft="@mipmap/home_selected" 
    android:drawablePadding="@dimen/drawer_drawable_padding" 
    android:drawableStart="@mipmap/home_selected" 
    android:gravity="center_vertical" 
    android:padding="@dimen/padding_field" 
    android:text="@string/home" 
    android:textColor="@android:color/white" /> 

使用drawableLeft它會自動與圖像

1

調整您的TextView在適配器的佈局,只是把這個xml

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:margin="5dp" 
    android:padding="5dp" 
    android:gravity="center" 
    android:orientation="horizontal"> 
<ImageView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding_left="5dp" 
    android:padding_right="5dp" 
    android:src="@drawable/ic_launcher"/> 
<TextView 
    android:id="@+id/home" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:text="@string/home" 
    android:textColor="@android:color/white" /> 
</LinearLayout> 
0

你可以這樣做

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:margin="5dp" 
    android:padding="5dp" 
    android:gravity="center" 
    android:orientation="horizontal"> 
<ImageView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding_left="5dp" 
    android:padding_right="5dp" 
    android:src="@drawable/ic_launcher"/> 
<TextView 
    android:id="@+id/home" 
    android:layout_width="0dp" 
    android:layout_height="match_parent" 
    android:layout_weight="1" 
    android:text="@string/home" 
android:gravity="center" 
    android:textColor="@android:color/white" /> 
</LinearLayout> 
0

您可以使用預定義的活動在Android Studio中的抽屜式導航(邊欄)...

Navigation Drawer Activity for sidebar

相關問題