如何创建自定义导航抽屉,该抽屉将在抽屉onitemclick旁边打开ListView?

深沙

我已经创建了简单的导航抽屉,但是当我遇到图像中的导航抽屉时,我被卡住了。我不知道如何实现这种功能。

在此处输入图片说明

在此图像中,“城市”是导航抽屉的项目,当我单击城市时,它会打开与之相邻的列表。

mmlooloo

这是完整代码,因为我不知道细节,它可能无法真正满足您的要求:

首先,我想展示一下演示:

在此处输入图片说明

string.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">NavigationDrawer</string>
    <string name="hello_world">Hello world!</string>
    <string name="action_settings">Settings</string>

    <string-array name="left">
        <item name="1">1</item>
        <item name="2">2</item>
        <item name="3">3</item>
    </string-array>


    <string-array name="right1">
        <item name="1*1">1*1</item>
        <item name="1*2">1*2</item>
        <item name="1*3">1*3</item>
        <item name="1*4">1*4</item>
        <item name="1*5">1*5</item>
        <item name="1*6">1*6</item>
        <item name="1*7">1*7</item>
        <item name="1*8">1*8</item>
        <item name="1*9">1*9</item>
    </string-array>


    <string-array name="right2">
        <item name="2*1">2*1</item>
        <item name="2*2">2*2</item>
        <item name="2*3">2*3</item>
        <item name="2*4">2*4</item>
        <item name="2*5">2*5</item>
        <item name="2*6">2*6</item>
        <item name="2*7">2*7</item>
        <item name="2*8">2*8</item>
        <item name="2*9">2*9</item>
    </string-array>


    <string-array name="right3">
        <item name="3*1">3*1</item>
        <item name="3*2">3*2</item>
        <item name="3*3">3*3</item>
        <item name="3*4">3*4</item>
        <item name="3*5">3*5</item>
        <item name="3*6">3*6</item>
        <item name="3*7">3*7</item>
        <item name="3*8">3*8</item>
        <item name="3*9">3*9</item>
    </string-array>

</resources>

和MainActivity.java

package com.example.navigationdrawer;

import java.util.Arrays;
import java.util.List;

import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.support.v4.widget.DrawerLayout.DrawerListener;
import android.support.v7.app.ActionBarActivity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends ActionBarActivity {

    private DrawerLayout drawer;
    private ListView leftList;
    private ListView rightList;
    private String[] leftListStrings;
    private String[] rightListStrings;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        drawer = (DrawerLayout) findViewById(R.id.drawer);
        leftList = (ListView) findViewById(R.id.left_list);
        rightList = (ListView) findViewById(R.id.right_list);
        rightList.setVisibility(View.GONE);

        leftListStrings = getResources().getStringArray(R.array.left);

        leftList.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,leftListStrings));

        leftList.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {


                arg1.setBackgroundColor(Color.RED);

                if(arg2 == 0){

                    rightListStrings = getResources().getStringArray(R.array.right1);

                    List<String> stringList = Arrays.asList(rightListStrings);

                    rightList.setAdapter(new MayAdapter(MainActivity.this, android.R.layout.simple_list_item_1, stringList));
                    rightList.setVisibility(View.VISIBLE);
                }
                if(arg2 == 1){

                    rightListStrings = getResources().getStringArray(R.array.right2);
                    List<String> stringList = Arrays.asList(rightListStrings);

                    rightList.setAdapter(new MayAdapter(MainActivity.this, android.R.layout.simple_list_item_1, stringList));
                    rightList.setVisibility(View.VISIBLE);
                }
                if(arg2 == 2){

                    rightListStrings = getResources().getStringArray(R.array.right3);
                    List<String> stringList = Arrays.asList(rightListStrings);

                    rightList.setAdapter(new MayAdapter(MainActivity.this, android.R.layout.simple_list_item_1, stringList));
                    rightList.setVisibility(View.VISIBLE);

                }
            }

        });

        drawer.setDrawerListener(new DrawerListener() {

            @Override
            public void onDrawerStateChanged(int arg0) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onDrawerSlide(View arg0, float arg1) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onDrawerOpened(View arg0) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onDrawerClosed(View arg0) {
                // TODO Auto-generated method stub
                rightList.setVisibility(View.INVISIBLE);
            }
        });


    }

 class MayAdapter extends ArrayAdapter<String>{

    List<String> myList = null;
    public MayAdapter(Context context, int resource,List<String> objects) {
        super(context, resource,  objects);
        myList = objects;
    }
    public List<String> getMyList() {
        return myList;
    }
    public void setMyList(List<String> myList) {
        this.myList = myList;
    }    
 }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }



}

和布局:

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.navigationdrawer.MainActivity"
    tools:ignore="MergeRootFrame" >

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <TextView
            android:layout_width="240dip"
            android:layout_height="match_parent"
            android:text="Hello" />
    </FrameLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:orientation="horizontal" >

        <ListView
            android:id="@+id/left_list"
            android:layout_width="120dip"
            android:layout_height="match_parent"
            android:background="#00FF00"
            android:divider="#FFFFFF"
            android:dividerHeight="2dp" >
        </ListView>

        <ListView
            android:id="@+id/right_list"
            android:layout_width="120dip"
            android:layout_height="match_parent"
            android:background="#FF0000"
            android:divider="#FFFFFF"
            android:dividerHeight="2dp" >
        </ListView>
    </LinearLayout>

</android.support.v4.widget.DrawerLayout>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何创建自定义导航抽屉?

React Native 抽屉导航:如何通过单击特定场景中的自定义按钮打开抽屉?

如何在Android中创建自定义导航抽屉

用于导航抽屉打开和关闭的自定义动画

Android导航抽屉自定义ListView不起作用

打开/关闭抽屉上的Android导航抽屉自定义图标

如何在抽屉导航器中添加自定义抽屉,反应导航4.x?

反应导航中的自定义抽屉

反应本机自定义抽屉导航

带自定义按钮的导航抽屉

如何自定义导航抽屉项目高度

如何在android中制作自定义导航抽屉

如何在导航抽屉中设置自定义图标?

如何在导航抽屉中居中自定义布局?

处理自定义列表项在导航抽屉ListView中单击

无法在自定义导航抽屉中设置按钮的text

将自定义图标添加到抽屉导航

Android Jetpack导航-带抽屉项的自定义操作

自定义导航抽屉上的波纹效果

带有活动和片段的自定义导航抽屉

添加自定义导航抽屉操作栏图标

自定义导航抽屉中setOnClickListener的最佳做法

Android之类的带有自定义填充的导航抽屉

反应导航v5自定义抽屉路线

自定义核心抽屉面板切换属性无法打开隐藏的抽屉

Flutter:从自定义小部件打开抽屉

自定义 Listview 不显示在导航抽屉的片段中,具有自定义 arrayadaptar 类

Android导航抽屉在活动创建时打开

如何使用基于抽屉导航的自定义组件从侧边菜单中获取价值