android实现左右侧滑菜单效果

在android开发中,左右侧滑菜单的开发已成为我们现在开发的必备技术之一,再次之前,我没有做过相类似的demo,但是项目的开发有要求有这样的效果,而且大家都知道,虽然网上由开源的代码,但是不仅种类多,看着一个头两个大,而且代码不好分离。因此我们无法简化成自己的demo,为此,还查阅了很多别人的资料,最后做出了自己想要的效果,具体效果如下所示:

图1 左边菜单

图2 右边菜单

今天要做的是把两个效果结合在一起,左右侧滑菜单

话不多说,直接上代码:

activity_main.xml:

<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" >

 <android.support.v4.widget.DrawerLayout
  android:id="@+id/dl"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:layout_above="@+id/tv" >

  <!-- 作为侧拉菜单 主页面显示的效果 要写在布局的最上面 首先进行加载 -->
  <FrameLayout
   android:id="@+id/fl"
   android:layout_width="match_parent"
   android:layout_height="match_parent" >
  </FrameLayout>

  <ListView
   android:id="@+id/lv"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:background="#ff0"
   android:layout_gravity="left" >
  </ListView>

  <LinearLayout
   android:id="@+id/ll"
   android:layout_width="200dp"
   android:layout_height="match_parent"
   android:layout_gravity="right"
   android:background="#0ff"
   android:orientation="vertical" >

   <ImageView
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:src="@drawable/ic_launcher" />

   <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="20dp"
    android:text="呵呵呵" />
  </LinearLayout>
 </android.support.v4.widget.DrawerLayout>

</LinearLayout>

frag_main.xml:

<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:gravity="center"
 android:orientation="vertical" >

 <TextView
  android:id="@+id/tv_title"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_margin="20dp"
  android:text="标题" />

 <ImageView
  android:id="@+id/iv"
  android:layout_width="100dp"
  android:layout_height="100dp"
  android:src="@drawable/ic_launcher" />

</LinearLayout>

MainActivity.java:

import java.util.ArrayList;
import java.util.List;

import com.example.day12drawerlayout1.fragment.MainFragment;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.widget.DrawerLayout;
import android.support.v4.widget.DrawerLayout.DrawerListener;
import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;

/**
 * 1、静态和动态Fragment的使用
 *  静态 直接在布局中使用<fragment />
 *  动态 使用管理器 得到一个事务 然后使用事务调用replace方法 把一个Fragment对象替换到指定id的FramLayout帧布局中
 * @author Administrator
 *
 */
public class MainActivity extends FragmentActivity {

 DrawerLayout dl;
 ListView lv;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  dl = (DrawerLayout) findViewById(R.id.dl);
  //  FrameLayout fl = (FrameLayout) findViewById(R.id.fl);
  //  fl.setOnClickListener(new OnClickListener() {
  //
  //   @Override
  //   public void onClick(View v) {
  //    // TODO Auto-generated method stub
  //    dl.openDrawer(Gravity.RIGHT);
  //   }
  //  });

  /**
   * set 一般是只有一个 如果再次调用会把前面的覆盖掉
   * 和
   * add 把数据添加进去 不会覆盖之前的内容
   */
  dl.addDrawerListener(new DrawerListener() {

   //滑动状态发生改变的时候 会调用该方法
   @Override
   public void onDrawerStateChanged(int arg0) {
    // TODO Auto-generated method stub
    Log.i("===============================", "StateChanged" + arg0);
   }

   //监听滑动过程中 边界的位置
   @Override
   public void onDrawerSlide(View arg0, float arg1) {
    // TODO Auto-generated method stub
    Log.i("===============================", "DrawerSlide" + arg1);
   }

   //监听侧拉是否完全展开
   @Override
   public void onDrawerOpened(View arg0) {
    // TODO Auto-generated method stub
    Log.i("===============================", "DrawerOpened");
   }

   //监听侧拉是否被关闭
   @Override
   public void onDrawerClosed(View arg0) {
    // TODO Auto-generated method stub
    Log.i("===============================", "DrawerClosed");
   }
  });

  showMain();
  showLV();
 }

 public DrawerLayout getDL(){
  return dl;
 }

 private void showLV() {
  lv = (ListView) findViewById(R.id.lv);
  final List<String> list = new ArrayList<String>();
  for (int i = 1; i < 30; i++) {
   list.add("条目"+i);
  }
  ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, list);
  lv.setAdapter(adapter);

  lv.setOnItemClickListener(new OnItemClickListener() {

   @Override
   public void onItemClick(AdapterView<?> parent, View view,
     int position, long id) {
    // TODO Auto-generated method stub
    dl.closeDrawer(Gravity.LEFT);
    //把点击的listview控件中的值 赋值到主Fragment对象中
    MainFragment fragment = (MainFragment) getSupportFragmentManager().findFragmentByTag("main");
    fragment.setData(list.get(position));
   }
  });
 }

 /**
  * 在侧拉效果的页面中 用来显示主页面的效果
  */
 private void showMain() {
  //动态加载Fragment
  FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
  //参数1:FramLayout控件的id, 要替换的Fragment对象
  transaction.replace(R.id.fl, new MainFragment(), "main");
  transaction.commit();
 }

}

MainFragment.java:

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.day12drawerlayout1.MainActivity;
import com.example.day12drawerlayout1.R;

public class MainFragment extends Fragment{
 TextView tv;
 ImageView iv;

 @Override
 @Nullable
 public View onCreateView(LayoutInflater inflater,
   @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

  View view = View.inflate(getActivity(), R.layout.frag_main, null);

  tv = (TextView) view.findViewById(R.id.tv_title);
  iv = (ImageView) view.findViewById(R.id.iv);

  iv.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    MainActivity activity = (MainActivity) getActivity();
    activity.getDL().openDrawer(Gravity.RIGHT);
   }
  });

  return view;
 }

 public void setData(String str){
  tv.setText(str);
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android ListView长按弹出菜单二种实现方式示例

    复制代码 代码如下: /** * 知识点1:ListView item:两种长按弹出菜单方式* 知识点2:ListView SimpleAdapter的使用* 知识点 3:在java代码中创建一个ListView*/ public class ListOnLongClickActivity extends Activity {         private LinearLayout myListViewlayout;         private ListView mListView;   

  • Android之用PopupWindow实现弹出菜单的方法详解

    在使用UC-WebBrowser时,你会发现它的弹出菜单跟系统自带的菜单不一样.它实现更多菜单选项的显示和分栏.其实,它的本身是PopupWindow或者是AlertDialog对话框,在里面添加两个GridView控件,一个是菜单标题栏,一个是菜单选项.菜单选项视图的切换可以通过适配器的变换,轻松地实现.点击下载该实例:一.运行截图:           二.实现要点:(1)屏蔽系统弹出的菜单:1.首先创建至少一个系统的菜单选项 复制代码 代码如下: @Override public bool

  • android底部菜单栏实现原理与代码

    上一个项目已经做完了,这周基本上没事,所以整理了下以前的项目,想把一些通用的部分封装起来,这样以后遇到相似的项目就不用重复发明轮子了,也节省了开发效率.今天把demo贴出来一是方便以后自己查询,二是希望同时也能帮到大家. 底部菜单栏很重要,我看了一下很多应用软件都是用了底部菜单栏做.我这里使用了tabhost做了一种通用的(就是可以像微信那样显示未读消息数量的,虽然之前也做过但是layout下的xml写的太臃肿,这里去掉了很多不必要的层,个人看起来还是不错的,所以贴出来方便以后使用). 先看一下

  • 基于Android实现点击某个按钮让菜单选项从按钮周围指定位置弹出

    Android Material Design:PopupMenu Android Material Design 引入的PopupMenu类似过去的上下文菜单,但是更灵活. 如图所示: 现在给出实现上图PopupMenu的代码. 本例是一个普通的Button触发弹出PopupMenu. 测试的MainActivity.java : package zhangphil.materialdesign; import android.app.Activity; import android.os.B

  • Android界面设计(APP设计趋势 左侧隐藏菜单右边显示content)

    相关文章android popwindow实现左侧弹出菜单层http://www.jb51.net/article/33533.htm 移动App设计的13大精髓http://www.jb51.net/article/33534.htm 这文章讲述了2013年未来的移动APP设计趋势,感觉挺有道理的.wp8的平面界面设计已经取得很大的成功,很多应用也都是采取相同的设计如zaker,还有类似本文要展示的左侧导航菜单右边显示主要内容的设计,通过menu菜单或者左右拖动可以弹出左侧导航菜单,国内的应用

  • Android仿QQ空间底部菜单示例代码

    之前曾经在网上看到Android仿QQ空间底部菜单的Demo,发现这个Demo有很多Bug,布局用了很多神秘数字.于是研究了一下QQ空间底部菜单的实现,自己写了一个,供大家参考.效果如下图所示:   1.实现原理很简单,底部菜单是一个水平分布的LinearLayout,里面又是五个LinearLayout,它们的layout_weight都为1,意味着底部菜单的子控件将屏幕宽度平均分为5部分.五个LinearLayout除了中间那个,其余都在里面放置ImageView和TextView(中间先空

  • Android开发技巧之我的菜单我做主(自定义菜单)

    Android SDK本身提供了一种默认创建菜单的机制.但通过这种机制创建的菜单虽然从功能上很完备,但在界面效果上实在是有点"土".对于一个拥有绚丽界面的程序配上一个有点"土"的菜单,会使用户感觉很怪,甚至会使绚丽的界面大打折扣.实际上,对于如此灵活和强大的Android系统,修改菜单的样式只是小菜一碟.为程序加入漂亮菜单的方法很多.在本节先介绍一种比较常用的方法,就是通过onKeyDown事件方法和PopupWindow实现自定义的菜单.至于通过这种技术能否设计出

  • android popwindow实现左侧弹出菜单层及PopupWindow主要方法介绍

    PopupWindow可以实现浮层效果,主要方法有:可以自定义view,通过LayoutInflator方法:可以出现和退出时显示动画:可以指定显示位置等. 为了将PopupWindow的多个功能展现并力求用简单的代码实现,编写了一个点击按钮左侧弹出菜单的功能,实现出现和退出时显示动画效果并点击其他区域时弹出层自动消失,效果图如下: 源码: 1.PopwindowOnLeftActivity.java 复制代码 代码如下: package com.pop.main; import android

  • Android实现原生侧滑菜单的超简单方式

    先来看看效果图 当你点击菜单可以更改图标,例如点击happy,首页就会变一个笑脸,这个实现的过程超级简单 你需要使用ToolBar与DrawableLayout两个比较新的控件 首先要写三个xml布局文件,我这里的布局文件是使用了include标签嵌入的,代码如下 headbar_toolbar.xml <?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.Toolbar

  • Android左右滑出菜单实例分析

    现在的Android应用,只要有一个什么新的创意,过不了多久,几乎所有的应用都带这个创意.这不,咱们公司最近的一个持续性的项目,想在首页加个从左滑动出来的菜单,我查阅网上资料,并自己摸索,实现了左.右两边都能滑出菜单,并且,左.右菜单中,都可以加ListView等这类需要解决GestureDetector冲突的问题(如在首页面中,含有ListView,上下滚动时,左右不动,相反,左右滑动菜单时,上下不动,听着头就大了吧!) 先上几张图,给大家瞧瞧,对整体有个了解:  一.首页布局: 复制代码 代

随机推荐