Android popwindow和fragment结合左侧弹出下拉菜单切换界面

延续上一篇文章Android 实现对话框圆角功能，在项目推进的过程当中，之前是已经用popwindow实现了点击按钮，在按钮下方弹出下拉菜单，实现了类似微信右上角加好友的功能，有兴趣的朋友，可以下载这个资源。回归主题，之前popwindow的使用，是固定在了登陆刚进去的界面，假设现在点击了左侧菜单的其他按钮，这就要求标题下方的内容必须更新所要显示的内容，一开始想都没想，就用了如下代码进行跳转：

Intent intent = new Intent(Intent.ACTION_EDIT, null);startActivity(intent); 这样做的确是能跳转到另一个显示界面，但所有的xml文件、下拉popwindow菜单，都得重新在activity重复使用，关键是跳转到这个界面，如果点击下拉菜单的其他按钮，这个时候又得重新写Intent intent = new Intent(Intent.ACTION_EDIT, null); startActivity(intent); 陷入了一个死循环，假设有10个菜单项，我就得写相同的代码10次，而且intent跳来跳去的，代码太乱，无法进行管理，非常难以忍受。所以就想着android应该有提供这样的类可以保持左侧不变，或者其他部分可以动态更新，很高兴找到了actvitygroup这个类，下载的demo运行之后，的确是能解决，但已经不推荐使用这个类，所以就决定使用fragment来进行界面的动态切换。下面是工程代码：

1.主界面文件，里面存放着一个FrameLayout，可以用你想呈现的界面进行更换，也就是fragment，类似于单独的activity。

<LinearLayout xmlns:android=""xmlns:tools=""android:layout_width="match_parent"android:layout_height="match_parent" android:orientation="vertical"tools:context=".MainActivity" ><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="50dp"android:background="@color/menu_background"android:orientation="horizontal" ><Buttonandroid:id="@+id/popBtn"android:layout_width="30dp"android:layout_height="30dp"android:layout_marginTop="8dp"android:background="@drawable/image2"android:textColor="@color/white" /><TextViewandroid:id="@+id/textView1"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_centerInParent="true"android:gravity="center"android:text="测试"android:textColor="@color/white"android:textSize="30dp" /><Buttonandroid:id="@+id/menu_person"android:layout_width="30dp"android:layout_height="30dp"android:layout_alignParentRight="true"android:layout_marginTop="8dp"android:background="@drawable/image1" /></RelativeLayout>//这是关键点，用来动态替换frament，更换界面<FrameLayoutandroid:id="@+id/fragment_container"android:layout_width="fill_parent"android:layout_height="fill_parent"android:layout_weight="1"android:background="@color/background"/></LinearLayout> 2.定义好了主界面，就得编写你要替换的界面xml文件，就是不同的布局文件如下：<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android=""android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@color/background"android:orientation="vertical" ><!– 用戶狀態欄 –><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="25dp"android:orientation="horizontal" ><TextViewandroid:layout_width="fill_parent"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center"android:text="测试"android:textColor="@color/white"android:textSize="12dp" /><TextViewandroid:id="@+id/price_trademargin"android:layout_width="fill_parent"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center"android:textColor="@color/white"android:textSize="12dp" /><TextViewandroid:layout_width="fill_parent"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center"android:text="测试"android:textColor="@color/white"android:textSize="12dp" /><TextViewandroid:id="@+id/price_floatpl"android:layout_width="fill_parent"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center"android:textColor="@color/white"android:textSize="12dp" /></LinearLayout></LinearLayout> 第二个fragment2的布局文件：<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android=""android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@color/background"android:orientation="vertical"><!– 用戶狀態欄 –><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="25dp"android:orientation="horizontal" ><TextViewandroid:layout_width="fill_parent"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center"android:text="@string/trademargin"android:textColor="@color/white"android:textSize="12dp" /><TextViewandroid:id="@+id/price_trademargin"android:layout_width="fill_parent"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center"android:textColor="@color/white"android:textSize="12dp" /><TextViewandroid:layout_width="fill_parent"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center"android:text="@string/floatpl"android:textColor="@color/white"android:textSize="12dp" /><TextViewandroid:id="@+id/price_floatpl"android:layout_width="fill_parent"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center"android:textColor="@color/white"android:textSize="12dp" /></LinearLayout><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:orientation="horizontal" ><TextViewandroid:layout_width="@dimen/activity_price_inst_width"android:layout_height="@dimen/price_table_comm_height"android:background="@drawable/tableheader"android:gravity="center"android:text="@string/price_table_ccy"android:textColor="@color/price_tableheader_forcolor"android:textSize="@dimen/price_table_header_font_size" /><TextViewandroid:layout_width="@dimen/activity_price_chart_width"android:layout_height="@dimen/price_table_comm_height"android:background="@drawable/tableheader"android:gravity="center"android:text=""android:textColor="@color/white" /><com.android.fragmentnormal.AlloneHorizontalScrollViewandroid:id="@+id/HorizontalScrollView_1"android:layout_width="fill_parent"android:layout_height="wrap_content"android:scrollbars="none" ></com.android.fragmentnormal.AlloneHorizontalScrollView></LinearLayout><ScrollViewandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@color/background" ><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="match_parent"android:background="@color/background" ><TableLayoutandroid:id="@+id/left_table"android:layout_width="@dimen/price_left_table_width"android:layout_height="fill_parent"android:background="@color/background"android:orientation="vertical" ></TableLayout><com.android.fragmentnormal.AlloneHorizontalScrollViewandroid:id="@+id/HorizontalScrollView_2"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_toRightOf="@+id/left_table"android:background="@color/background" ><TableLayoutandroid:id="@+id/data_table"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@color/background"android:orientation="vertical" ></TableLayout></com.android.fragmentnormal.AlloneHorizontalScrollView></RelativeLayout></ScrollView></LinearLayout> 3.编写主类，对你的两个fragment进行管理，决定一开始显示哪个，点击按钮之后切换显示哪个fragment。package com.android.fragmentnormal;import android.os.Bundle;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentActivity;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentTransaction;import android.util.DisplayMetrics;import android.view.MotionEvent;import android.view.View;import android.view.View.OnClickListener;import android.view.ViewGroup;import android.widget.Button;import android.widget.PopupWindow;public class MainActivity extends FragmentActivity {FragmentManager manager ;Fragment f1,f2,f3 ;Button pop;private PopupWindow popupWindow;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);manager= getSupportFragmentManager() ;FragmentTransaction transaction = manager.beginTransaction() ;f1 = new Fragment1();f2 = new Fragment2();f3 = new Fragment3();pop = (Button) findViewById(R.id.popBtn);pop.setOnClickListener(popClick);transaction.add(R.id.fragment_container, f2);transaction.commit();}// 点击弹出左侧菜单的显示方式OnClickListener popClick = new OnClickListener() {@Overridepublic void onClick(View v) {/*Toast toast = Toast.makeText(MainActivity.this, "这是一个代图片的Toast!", Toast.LENGTH_LONG);toast.show();*/getPopupWindow();// 这里是位置显示方式,在按钮的左下角popupWindow.showAsDropDown(v);}};/** * 创建PopupWindow */protected void initPopuptWindow() {// 获取自定义布局文件pop.xml的视图View popupWindow_view = getLayoutInflater().inflate(R.layout.pop, null,false);DisplayMetrics dm = new DisplayMetrics();getWindowManager().getDefaultDisplay().getMetrics(dm);// 创建PopupWindow实例,200,150分别是宽度和高度popupWindow = new PopupWindow(popupWindow_view, 350,ViewGroup.LayoutParams.MATCH_PARENT, true);// popupWindow.setWidth(350);// popupWindow.setHeight(dm.heightPixels * 20 / 2);// 设置动画效果popupWindow.setAnimationStyle(R.style.AnimationFade);// 点击其他地方消失popupWindow_view.setOnTouchListener(new View.OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {if (popupWindow != null && popupWindow.isShowing()) {popupWindow.dismiss();popupWindow = null;}return false;}});// pop.xml视图里面的控件initOpenMenuItem(popupWindow_view);initOpenMenuOther(popupWindow_view);initOpenPosition(popupWindow_view);}/** 2015年7月13日17:35:24，* author：qiulinhe* 添加对于开仓单的监听和界面增加*/private void initOpenPosition(View popupWindow_view) {DrawableCenterTextView menu_open = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_open);// pop.xml视图里面的控件触发的事件menu_open.setOnClickListener(new OnClickListener() {FragmentTransaction transaction ;//对fragment进行跳转控制。@Overridepublic void onClick(View v) {transaction = manager.beginTransaction();transaction.replace(R.id.fragment_container, f1);//把f1的界面替换containertransaction.commit();popupWindow.dismiss();}});}//初始化左侧下拉菜单的按钮private void initOpenMenuOther(View popupWindow_view) {DrawableCenterTextView menu_open = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_open);DrawableCenterTextView menu_order = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_order);DrawableCenterTextView menu_orderhis = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_orderhis);DrawableCenterTextView menu_closehis = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_closehis);DrawableCenterTextView menu_summary = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_summary);DrawableCenterTextView menu_pricewarning = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_pricewarning);DrawableCenterTextView menu_news = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_news);DrawableCenterTextView menu_margin = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_margin);DrawableCenterTextView menu_message = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_message);DrawableCenterTextView menu_syssett = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_syssett);DrawableCenterTextView menu_about = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_about);}private void initOpenMenuItem(View popupWindow_view) {DrawableCenterTextView menu_price = (DrawableCenterTextView) popupWindow_view.findViewById(R.id.menu_price);// 打开menu_price.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {}});}/*** * 获取PopupWindow实例 */private void getPopupWindow() {if (null != popupWindow) {popupWindow.dismiss();return;} else {initPopuptWindow();}}} 4.frament1的代码如下：package com.android.fragmentnormal;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ArrayAdapter;import android.widget.ListAdapter;import android.widget.Toast;public class Fragment1 extends Fragment{@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View vi = inflater.inflate(R.layout.activity_openposition, container,false);//实现下方长按弹出listview，2015年7月14日10:01:19ActionSlideExpandableListView list = (ActionSlideExpandableListView)vi.findViewById(R.id.list);list.setAdapter(buildDummyData());list.setItemActionListener(new ActionSlideExpandableListView.OnActionClickListener() {@Overridepublic void onClick(View listView, View buttonview,int position) {String actionName = "";if (buttonview.getId() == R.id.duichong) {actionName = "duichong";}Toast.makeText(getActivity(),"你点击了对冲按钮",Toast.LENGTH_SHORT).show();}}, R.id.duichong);return vi;}/** * qiulinhe * 2015年7月14日10:02:03 * 实现开仓单下方长按，弹出两个按钮功能 */public ListAdapter buildDummyData() {final int SIZE = 20;String[] values = new String[SIZE];for (int i = 0; i < SIZE; i++) {values[i] = "單號";}return new ArrayAdapter<String>(getActivity(), R.layout.expandable_list_item,R.id.text, values);}} 5.fragment2的代码如下：package com.android.fragmentnormal;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;public class Fragment2 extends Fragment{@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {return inflater.inflate(R.layout.frament2, container,false);}}

代码基本完毕，如果想要demo可以到这个链接：csdn资源可以下载点击打开链接，，其实原理很简单，就是通过fragment来管理切换界面。

运行界面如下：

天再高又怎样，踮起脚尖就更接近阳光。

相关文章：

你感兴趣的文章：

标签云：