使用PopupWindow和Activity两种不同的方式实现弹窗效果

分别使用PopupWindow和Activity两种不同的方式来实现仿微信顶部标题栏弹窗的这样一个效果。

一、实现效果图

这里为了演示方便，我将两种方法放在一个应用程序中演示，这个是主界面

虽然两种实现的方式不一样，但是最终的效果图都是差不多的

二、项目结构图

三、详细的编码实现

3.1 主界面的实现

为了演示方便，我这里把两种实现方式分成两个Activity界面放在了主Activity界面中。

1、主布局资源文件，activity_main.xml：

双击代码全选

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

< RelativeLayout 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" >               < Button          android:id = "@+id/main_btn01"          android:layout_width = "fill_parent"          android:layout_height = "44dp"          android:layout_above = "@+id/main_btn02"          android:layout_margin = "5dp"          android:background = "@drawable/main_btn"          android:text = "第一种实现方式（PopupWindow实现）"          android:textSize = "16dp" />               < Button          android:id = "@+id/main_btn02"          android:layout_width = "fill_parent"          android:layout_height = "44dp"          android:layout_centerVertical = "true"          android:layout_margin = "5dp"          android:background = "@drawable/main_btn"          android:text = "第二种实现方式（Activity实现）"          android:textSize = "16dp" />          </ RelativeLayout >

2、定义一个自定义按钮的资源文件，main_btn.xml：

双击代码全选

1 2 3 4 5 6 7

<? xml version = "1.0" encoding = "utf-8" ?>  < selector xmlns:android = "http://schemas.android.com/apk/res/android" >               < item android:drawable = "@drawable/btn_back_pre" android:state_pressed = "true" />       < item android:drawable = "@drawable/btn_back_nor" />          </ selector >

3、主Activity程序入口类，MainActivity.java：

双击代码全选

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52

package com.yangyu.mytitlebar01;          import android.app.Activity;  import android.content.Intent;  import android.os.Bundle;  import android.view.View;  import android.view.View.OnClickListener;  import android.widget.Button;          /**   * @author yangyu   *  功能描述：主Activity类，程序的入口类   */ public class MainActivity extends Activity implements OnClickListener {       //定义按钮       private Button mainBtn01,mainBtn02;                   @Override      protected void onCreate(Bundle savedInstanceState) {           super .onCreate(savedInstanceState);           setContentView(R.layout.activity_main);                                           initView();            }               /**       * 初始化组件       */      private void initView(){           //得到按钮并设置监听事件           mainBtn01 = (Button)findViewById(R.id.main_btn01);           mainBtn02 = (Button)findViewById(R.id.main_btn02);                                 mainBtn01.setOnClickListener( this );           mainBtn02.setOnClickListener( this );       }                          @Override      public void onClick(View v) {           switch (v.getId()) {           case R.id.main_btn01:               startActivity( new Intent(MainActivity. this ,CustomTitleActivity01. class ));               break ;           case R.id.main_btn02:               startActivity( new Intent(MainActivity. this ,CustomTitleActivity02. class ));               break ;                         default :               break ;           }              }              }

3.2 第一种实现方式（PopupWindow）

第一种实现方式主要是通过点击按钮来弹出一个PopupWindow菜单来实现的，步骤如下：

1、标题栏的布局资源文件，这个资源文件在第二种实现方式中也会使用到，activity_main.xml：

双击代码全选

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

<? xml version = "1.0" encoding = "utf-8" ?>  < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"      android:layout_width = "fill_parent"      android:layout_height = "fill_parent"      android:background = "#fcfcfc"      android:orientation = "vertical" >               < RelativeLayout          android:id = "@+id/title"          android:layout_width = "fill_parent"          android:layout_height = "45dp"          android:background = "@drawable/title_bar"          android:gravity = "center_vertical" >                   < TextView              android:layout_width = "wrap_content"              android:layout_height = "wrap_content"              android:layout_centerInParent = "true"              android:text = "微信"              android:textColor = "#ffffff"              android:textSize = "20sp" />                   < ImageButton              android:id = "@+id/title_btn"              android:layout_width = "67dp"              android:layout_height = "wrap_content"              android:layout_alignParentRight = "true"              android:layout_centerVertical = "true"              android:layout_marginRight = "5dp"              android:background = "@drawable/title_button"              android:onClick = "btnmainright"              android:src = "@drawable/title_btn_function" />       </ RelativeLayout >          </ LinearLayout >

2、弹窗的布局页面，这里定义了一个ListView，title_popup.xml：

转载于:https://www.cnblogs.com/lechance/p/4373383.html