问题描述
我目前正在创建和定义导航抽屉。我现在想要一个标题视图,就像他们在Google应用上的项目行一样。我只找到了RecyclerViews的例子,我不想使用它。我已经完成了ListView和所有其他的东西。也许有人可以帮助我:)提前谢谢
I'm currently creating and defining a navigation drawer. I want now a header view, like their on the google apps, above the item rows. I only found examples with RecyclerViews, and i dont want to use it. I have all finished with a ListView and all other stuff. Maybe someone can help me :) Thanks in advance
推荐答案
你可以创建 NavigationView
使用android设计支持库,无需创建listview或RecyclerView,它全部由android创建。
You can create NavigationView
using android design support library without having pain to create listview or RecyclerView, its all created by android.
要将它添加到你的项目中你需要添加android设计支持库到您的项目,在build.gradle中添加以下行
To add it to your project you need to add the android design support library to your project, add below line in build.gradle
compile 'com.android.support:design:22.2.0
查看android设计支持功能
Check out android design support features here
首先创建一个头文件(header.xml) )
First create a header(header.xml)
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="190dp"
android:background="@drawable/background_material"
android:orientation="vertical"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="nyname"
</RelativeLayout>
接下来创建菜单资源文件,菜单中的项目将是抽屉中显示的项目( drawer.xml)
Next create a menu resource file, the items in the menu will be the items displayed in the drawer(drawer.xml)
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<group android:checkableBehavior="single">
<item
android:id="@+id/first1"
android:checked="false"
android:icon="@drawable/icon1"
android:title="@string/string1" />
<item
android:id="@+id/second2"
android:checked="false"
android:icon="@drawable/icon2"
android:title="@string/string2" />
</menu>
接下来创建一个 DrawerLayout
文件drawerlayout你可以看到我已经包含了一个工具栏
和一个'FrameLayout`。当单击drawerlayout中的项目时,您可以替换片段。
Next create a DrawerLayout
file, within the drawerlayout you can see I have included a Toolbar
and a 'FrameLayout`. When the item in the drawerlayout is clicked you can replace fragment.
同样在其中的是包含以下参数的NavigationView:
Also within it is the NavigationView with these parameters:
app:headerLayout="@layout/header"
app:menu="@menu/drawer"
android:layout_gravity="start"
app:headerLayout
是我们创建的header.xml在步骤1.
app:menu
是菜单资源项,即drawer.xml
app:headerLayout
is the header.xml that we created in step 1.app:menu
is the menu resource item i.e drawer.xml
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawer"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".MainActivity">
<LinearLayout
android:layout_height="match_parent"
android:layout_width="match_parent"
android:orientation="vertical"
>
<include
android:id="@+id/toolbar"
layout="@layout/tool_bar"
/>
<FrameLayout
android:id="@+id/frame"
android:layout_width="match_parent"
android:layout_height="match_parent">
</FrameLayout>
</LinearLayout>
<android.support.design.widget.NavigationView
android:id="@+id/navigation_view"
android:layout_height="match_parent"
android:layout_width="wrap_content"
android:layout_gravity="start"
app:headerLayout="@layout/header"
app:menu="@menu/drawer"
/>
</android.support.v4.widget.DrawerLayout>
接下来,在您的MainActivity延伸AppcompatActivity,
Next in your MainActivity extend AppcompatActivity,
public class MainActivity extends AppCompatActivity {
............................................
Intialise NavigationView并调用setNavigationItemSelectedListener来获取点击事件,
Intialise NavigationView and call setNavigationItemSelectedListener to get click events,
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// Initializing Toolbar and setting it as the actionbar
toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
//Initializing NavigationView
navigationView = (NavigationView) findViewById(R.id.navigation_view);
//Setting Navigation View Item Selected Listener to handle the item click of the navigation menu
navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
// This method will trigger on item Click of navigation menu
@Override
public boolean onNavigationItemSelected(MenuItem menuItem) {
//Checking if the item is in checked state or not, if not make it in checked state
if(menuItem.isChecked()) menuItem.setChecked(false);
else menuItem.setChecked(true);
//Closing drawer on item click
drawerLayout.closeDrawers();
//Check to see which item was being clicked and perform appropriate action
switch (menuItem.getItemId()){
//Replacing the main content with ContentFragment
case R.id.first1:
SomeFragment fragment = new SomeFragment();
android.support.v4.app.FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
fragmentTransaction.replace(R.id.frame,fragment);
fragmentTransaction.commit();
return true;
...................
创建导航视图的一步一步程序转到
Step by step procedure to create navigationview go here
外观如何:
这篇关于导航抽屉 - 带ListView的标题视图的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!