Android学习笔记之树形菜单的应用...

PS:终于考完试了,总算是解脱了...可以正式上手项目开发了....

 

学习内容:

1.掌握如何使用树形菜单...

  对知识点进行一下补充...居然忘记了去学习树形菜单...不过在这里补上...

ExpandableListView树形菜单...

  树形菜单其实就是一个列表,只不过是在列表中再次嵌套一个或者是多个子菜单项,子菜单项中可以包括很多的内容...其实就拿QQ来说,就是使用了一个树形菜单...QQ中的分组管理其实就是树形菜单的一个应用...树形菜单继承与ListView...这里我们使用的是ExpandableListView...一般只要是涉及到了ListView类的列表控件,那么不用多想,肯定会使用到适配器...适配器的目的我想大家都知道,其实就是设置这些列表项以怎样的方式在画布上进行显示...这里我们使用一个BaseExpandableListAdapter适配器...我们只需要在适配器中定义显示的模式就可以了...

  用一个简单的小例子来实现一下...这里就简单的使用一个二级的树形菜单...

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <TextView 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="树形菜单..."
        android:textSize="18dp"
        android:gravity="center"/>
    <ExpandableListView 
        android:id="@+id/expandablelistview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="#ffffff">
    </ExpandableListView>
   
</LinearLayout>

  上面就是一个简单的布局文件...只有一个ExpandableListView控件在画布上进行显示...有的时候我们可以看到非常好看的属性菜单,那么我们其实可以通过属性值background属性来设置,可以把其背景色改成其他的颜色或者是其他的图片背景...这里实现过程还是比较重要的...使用ExpandableListView需要重写其内部的方法...必须要进行覆盖的两个方法...

  getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent);

  getChildView(int groupPosition, int chlidPosition, boolean isLastChild, View convertView, ViewGroup parent);

  这是两个必须要继承的方法...其实看起来并不是很麻烦。这个方法的目的就是,先把这个菜单当成了一个视图...groupPosition这个参数就是来表明树形菜单从属的位置,isExpanded这个参数来判断某一个树形菜单是展开的还是封闭的...说白了就是点击开了,还是给点击关了,convertView是一个视图对象,因为这个方法View形的,那么必然需要传递View对象才能够完成该方法的调用...parent参数就是判断这个树形菜单的每一个选项是否有自己的父菜单...另一个方法的参数基本类似,其实就是对每一子菜单项的一些操作...

package com.example.expandablelistview;

import android.os.Bundle;
import android.app.Activity;
import android.database.DataSetObserver;
import android.graphics.Color;
import android.view.Gravity;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;

import android.widget.AbsListView;


import android.widget.ExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ExpandableListView.OnChildClickListener;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity {
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //设置一个ExpandableListView设置一个适配器...然后在总画布上进行显示...
        final ExpandableListAdapter adapter=new ExpandableListAdapter() {
            private String[] MainView=new String[]{"一班","二班","三班"};//一级列表所要显示的内容...
            //列表组件需要使用到适配器...这个适配器的使用,目的是列表下的子选项以什么样的格式进行展示...
            private String[][] SubView=new String[][]{{"aa","bb","cc","dd","ee"},{"aaa","bbb","ccc","ddd","eee"},{"a","b","c","d","e"}};//树形菜单子列表的内容...
            TextView getTextView(){
            
                @SuppressWarnings("deprecation")
                AbsListView.LayoutParams lp=new AbsListView.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,64);//定义了一个布局,设置其长度和宽度...
                TextView textview=new TextView(MainActivity.this);
                textview.setLayoutParams(lp);//目的是把自身放在lp这个布局中进行显示...
                textview.setGravity(Gravity.CENTER_VERTICAL);//设置居中显示...
                textview.setPadding(36, 0, 0, 0);//设置相对位置...
                textview.setTextSize(16);//设置字体的大小...
                textview.setTextColor(Color.BLACK);//设置字体的颜色...
                return textview;
            }
            @Override
            public void unregisterDataSetObserver(DataSetObserver observer) {
                // TODO Auto-generated method stub
                
            }
            
            @Override
            public void registerDataSetObserver(DataSetObserver observer) {
                // TODO Auto-generated method stub
                
            }
            
            @Override
            public void onGroupExpanded(int groupPosition) {
                // TODO Auto-generated method stub
                
            }
            
            @Override
            public void onGroupCollapsed(int groupPosition) {
                // TODO Auto-generated method stub
                
            }
            
            @Override
            public boolean isEmpty() {
                // TODO Auto-generated method stub
                return false;
            }
            
            @Override
            public boolean isChildSelectable(int groupPosition, int childPosition) {
                // TODO Auto-generated method stub
                return true;
            }
            
            @Override
            public boolean hasStableIds() {
                // TODO Auto-generated method stub
                return true;
            }
            
            //必须需要重写的方法...获取组视图...其实就是主视图...为主视图设置一个显示的方式...
            
            @Override
            public View getGroupView(int groupPosition, boolean isExpanded,
                    View convertView, ViewGroup parent) {
                // TODO Auto-generated method stub
                LinearLayout ll=new LinearLayout(MainActivity.this);
                ll.setOrientation(0);
                TextView textview=getTextView();
                textview.setTextColor(Color.BLACK);
                textview.setText(getGroup(groupPosition).toString());//设置主视图的数据信息...
                ll.addView(textview);
                return ll;
            }
            
            @Override
            public long getGroupId(int groupPosition) {
                // TODO Auto-generated method stub
                //获取被触发列表项的定位...
                return groupPosition;
            }
            
            @Override
            public int getGroupCount() {
                // TODO Auto-generated method stub
                //返回父菜单项的字符数组长度...
                return MainView.length;
            }
            
            @Override
            public Object getGroup(int groupPosition) {
                // TODO Auto-generated method stub
                //返回一个字符串对象...这个字符串我们自己可以定义其值...
                return MainView[groupPosition];
            }
            
            @Override
            public long getCombinedGroupId(long groupId) {
                // TODO Auto-generated method stub
                return 0;
            }
            
            @Override
            public long getCombinedChildId(long groupId, long childId) {
                // TODO Auto-generated method stub
                return 0;
            }
            
            @Override
            public int getChildrenCount(int groupPosition) {
                // TODO Auto-generated method stub
                //返回子菜单项的数组长度...
                return SubView[groupPosition].length;
            }
            //设置子视图的布局...显示的信息,以及如何显示...
            @Override
            public View getChildView(int groupPosition, int childPosition,
                    boolean isLastChild, View convertView, ViewGroup parent) {
                // TODO Auto-generated method stub
                LinearLayout ll=new LinearLayout(MainActivity.this);//设置一个布局...
                ll.setOrientation(0);
                TextView textview=new TextView(MainActivity.this);
                textview.setText(getChild(groupPosition, childPosition).toString());//textView所要显示的内容...
                ll.addView(textview);//将这个布局中添加textView控件...
                return ll;
            }
            
            @Override
            public long getChildId(int groupPosition, int childPosition) {
                // TODO Auto-generated method stub
                return childPosition;
            }
            
            @Override
            public Object getChild(int groupPosition, int childPosition) {
                // TODO Auto-generated method stub
                //这里返回父菜单下的子菜单项的字符数组对象...
                return SubView[groupPosition][childPosition];
            }
            
            @Override
            public boolean areAllItemsEnabled() {
                // TODO Auto-generated method stub
                return false;
            }
        }; 
        ExpandableListView expandableListView=(ExpandableListView) findViewById(R.id.expandablelistview);//获取组件...
        expandableListView.setAdapter(adapter);//绑定适配器...
        expandableListView.setOnChildClickListener(new OnChildClickListener() {
            //这里设置了一个监听,就是当每一个子菜单被点击的时候,我们也可以触发一些操作...
            @Override
            public boolean onChildClick(ExpandableListView parent, View v,
                    int groupPosition, int childPosition, long id) {
                // TODO Auto-generated method stub
                Toast.makeText(MainActivity.this, "您刚才点击了"+adapter.getChild(groupPosition, childPosition), Toast.LENGTH_LONG).show();
                return false;
            }
        });   

    
    }

    @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;
    }
   
}

  这就是一个简单的实现过程...树形菜单的应用是非常广泛的,我们设置是可以在子菜单项被点击之后再次设置一个布局来显示更多的数据信息...但是在使用树形菜单的时候我们需要注意就是一定要让所有的菜单项目能够充分的展开显示在画布之上....这一点我们需要注意...

 

posted @ 2015-07-10 17:31  代码丶如风  阅读(2388)  评论(2编辑  收藏  举报