我可以更改导航抽屉中图标和项目标题之间的距离吗?
Can I change distance between icon and item title in Navigation Drawer?
我在我的导航菜单上显示下一个项目:
<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/nav_locate"
android:icon="@mipmap/ic_add_location_black_24dp"
android:title="Localizare" />
<item android:id="@+id/nav_propose"
android:icon="@mipmap/ic_landscape_black_24dp"
android:title="Obiective" />
<item android:id="@+id/nav_propose"
android:icon="@mipmap/ic_settings_black_24dp"
android:title="Setari" />
</menu>
但我不喜欢图标和文字之间的距离。到大。我可以自行设定这两者之间的距离吗?
由于我认为没有任何直接的方法可以做到这一点,您可以将自定义布局直接扩展到导航抽屉。从自定义布局中,您可以做任何您想做的事情。这个想法是,你制作包含 ImageView 和 TextView 的列表项,你可以直接为它们设置距离(边距或填充)。
这里是DrawerLayout的例子
<android.support.v4.widget.DrawerLayout
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- Main content -->
<RelativeLayout
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- Insert any views you want as main content -->
</RelativeLayout>
<!-- Navigation drawer -->
<RelativeLayout
android:id="@+id/navigation_drawer"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="start" />
</android.support.v4.widget.DrawerLayout>
这里是你如何膨胀你的自定义布局
RelativeLayout drawer = (RelativeLayout) findViewById(R.id.navigation_drawer);
View drawerContent = getLayoutInflater().inflate(R.layout.drawer_content, null);
drawerContent.setLayoutParams(new RelativeLayout.LayoutParams(
RelativeLayout.LayoutParams.MATCH_PARENT,
RelativeLayout.LayoutParams.MATCH_PARENT));
drawer.addView(drawerContent);
现在您在 res/layout
中创建 drawer_content.xml
并根据需要进行布局。
这是您可以制作
的drawer_content.xml
示例
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="8dp"
android:src="@drawable/ic_menu1" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:text="Menu 1" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="8dp"
android:src="@drawable/ic_menu2" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:text="Menu 2" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="8dp"
android:src="@drawable/ic_menu3" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:text="Menu 3" />
</LinearLayout>
</LinearLayout>
我在我的导航菜单上显示下一个项目:
<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/nav_locate"
android:icon="@mipmap/ic_add_location_black_24dp"
android:title="Localizare" />
<item android:id="@+id/nav_propose"
android:icon="@mipmap/ic_landscape_black_24dp"
android:title="Obiective" />
<item android:id="@+id/nav_propose"
android:icon="@mipmap/ic_settings_black_24dp"
android:title="Setari" />
</menu>
但我不喜欢图标和文字之间的距离。到大。我可以自行设定这两者之间的距离吗?
由于我认为没有任何直接的方法可以做到这一点,您可以将自定义布局直接扩展到导航抽屉。从自定义布局中,您可以做任何您想做的事情。这个想法是,你制作包含 ImageView 和 TextView 的列表项,你可以直接为它们设置距离(边距或填充)。
这里是DrawerLayout的例子
<android.support.v4.widget.DrawerLayout
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- Main content -->
<RelativeLayout
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- Insert any views you want as main content -->
</RelativeLayout>
<!-- Navigation drawer -->
<RelativeLayout
android:id="@+id/navigation_drawer"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="start" />
</android.support.v4.widget.DrawerLayout>
这里是你如何膨胀你的自定义布局
RelativeLayout drawer = (RelativeLayout) findViewById(R.id.navigation_drawer);
View drawerContent = getLayoutInflater().inflate(R.layout.drawer_content, null);
drawerContent.setLayoutParams(new RelativeLayout.LayoutParams(
RelativeLayout.LayoutParams.MATCH_PARENT,
RelativeLayout.LayoutParams.MATCH_PARENT));
drawer.addView(drawerContent);
现在您在 res/layout
中创建 drawer_content.xml
并根据需要进行布局。
这是您可以制作
drawer_content.xml
示例
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="8dp"
android:src="@drawable/ic_menu1" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:text="Menu 1" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="8dp"
android:src="@drawable/ic_menu2" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:text="Menu 2" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="8dp"
android:src="@drawable/ic_menu3" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:text="Menu 3" />
</LinearLayout>
</LinearLayout>