Android实现底部弹窗效果

本文实例为大家分享了Android实现底部弹窗效果的具体代码,供大家参考,具体内容如下

源代码地址:https://github.com/luoye123/Box

东西很简单,我就直接亮代码了:

1、activity_main.xml

<?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:gravity="center"
 android:id="@+id/ll_image">

 <Button
 android:id="@+id/bt_select_image"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="选择图片" />
</LinearLayout>

2、MainActivity.java

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

 private SelectPicPopupWindow menuWindow;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 findViewById(R.id.bt_select_image).setOnClickListener(this);
 }

 @Override
 public void onClick(View view) {
 switch (view.getId()) {
  case R.id.bt_select_image:
  //TODO implement
  selectImgs();
 }
 }
 private void selectImgs(){

 menuWindow = new SelectPicPopupWindow(MainActivity.this, itemsOnClick);
 //设置弹窗位置
 menuWindow.showAtLocation(MainActivity.this.findViewById(R.id.ll_image), Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0);
 }

 private View.OnClickListener itemsOnClick = new View.OnClickListener() {
 public void onClick(View v) {
  menuWindow.dismiss();
  switch (v.getId()) {
  case R.id.item_popupwindows_camera: //点击拍照按钮

   break;
  case R.id.item_popupwindows_Photo: //点击从相册中选择按钮

   break;
  default:
   break;
  }
 }

 };
}

3、关键代码:SelectPicPopupWindow.java

 **public class SelectPicPopupWindow extends PopupWindow {

  private Button item_popupwindows_camera, //弹窗拍照按钮
   item_popupwindows_Photo,  //弹窗从相册选择按钮
   item_popupwindows_cancel;  //弹窗取消按钮
  private View menuview;

  /**
  * 上传图片*************************
  * @param context
  * @param itemsOnclick
  */
  public SelectPicPopupWindow(Activity context, View.OnClickListener itemsOnclick){
  super(context);
  LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  menuview = inflater.inflate(R.layout.item_popupwindows,null);
  item_popupwindows_camera = (Button) menuview.findViewById(R.id.item_popupwindows_camera); //拍照按钮
  item_popupwindows_cancel = (Button) menuview.findViewById(R.id.item_popupwindows_cancel); //取消按钮
  item_**popupwindows_Photo = (Button) menuview.findViewById(R.id.item_popupwindows_Photo); //图库按钮

  /**
   * 取消按钮销毁事件
   */
  item_popupwindows_cancel.setOnClickListener(new View.OnClickListener() {
   public void onClick(View view) {
   dismiss();
   }
  });
  item_popupwindows_camera.setOnClickListener(itemsOnclick);
  item_popupwindows_Photo.setOnClickListener(itemsOnclick);
  //设置SelectPicPopupWindow的View
  this.setContentView(menuview);
  //设置SelectPicPopupWindow**弹出窗体的宽
  this.setWidth(ViewGroup.LayoutParams.FILL_PARENT);
  //设置SelectPicPopupWindow弹出窗体的高
  //修改高度显示,解决被手机底部虚拟键挡住的问题 by黄海杰 at:2015-4-30
  this.setHeight(ViewGroup.LayoutParams.MATCH_PARENT);
  //设置SelectPicPopupWindow弹出窗体可点击
  this.setFocusable(true);
  //设置SelectPicPopupWindow弹出窗体动画效果
  //this.setAnimationStyle(R.style);
  //实例化一个ColorDrawable颜色为半透明
  ColorDrawable dw = new ColorDrawable(0xb0000000);
  //设置SelectPicPopupWindow弹出窗体的背景
  this.setBackgroundDrawable(dw);
  //menuview添加ontouchlistener监听判断获取触屏位置如果在选择框外面则销毁弹出框
  menuview.setOnTouchListener(new View.OnTouchListener() {
   public boolean onTouch(View view, MotionEvent motionEvent) {
   int height = menuview.findViewById(R.id.ll_popup).getTop();
   int y = (int) motionEvent.getY();
   if (motionEvent.getAction() == MotionEvent.ACTION_UP){
    if (y<height){
    dismiss();
    }
   }
   return true;
   }
  });
  }
 }**

写的不好,请见谅,,下一期完成后期的工作!

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

(0)

相关推荐

  • Android仿支付宝支付从底部弹窗效果

    我们再用支付宝支付的时候,会从底部弹上来一个对话框,让我们选择支付方式等等,今天我们就来慢慢实现这个功能 效果图 实现 主界面很简单,就是一个按钮,点击后跳到支付详情的Fragment中 package com.example.hfs.alipayuidemo; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.wi

  • Android底部弹窗的实现示例代码

    本文主要是介绍Android中实现底部弹窗的的正确姿势,如果你在实现底部弹窗时遇到了一些问题,那么请仔细阅读本文,相信文章会对你有所帮助. 收获早知道 阅读完本文后,你可以有以下收获 利用PopupWindow实现底部弹窗 PopupWindow实现底部弹窗时的缺点 解决利用PopupWindow实现底部弹窗,无法覆盖状态栏的问题 利用dialog实现底部弹窗 利用dialogFragment实现底部弹窗 实现底部弹窗的方式 由于本人水平有限,只知道一下几种实现底部弹窗的方式 利用PopupWi

  • Android控件PopupWindow模仿ios底部弹窗

    前言 在H5火热的时代,许多框架都出了底部弹窗的控件,在H5被称为弹出菜单ActionSheet,今天我们也来模仿一个ios的底部弹窗,取材于苹果QQ的选择头像功能. 正文 废话不多说,先来个今天要实现的效果图 整个PopupWindow的开启代码 private void openPopupWindow(View v) { //防止重复按按钮 if (popupWindow != null && popupWindow.isShowing()) { return; } //设置Popup

  • Android实现底部弹窗效果

    本文实例为大家分享了Android实现底部弹窗效果的具体代码,供大家参考,具体内容如下 源代码地址:https://github.com/luoye123/Box 东西很简单,我就直接亮代码了: 1.activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/

  • Android实现Window弹窗效果

    本文实例为大家分享了Android实现Window弹窗效果的具体代码,供大家参考,具体内容如下 效果图 第一步 准备弹窗的布局,新建XML文件 photo_window <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_widt

  • Flutter实现底部弹窗效果

    目录 实现效果 代码结构 基本使用 自定义底部弹窗 总结 在实际开发过程中,经常会用到底部弹窗来进行快捷操作,例如选择一个选项,选择下一步操作等等.在 Flutter 中提供了一个 showModelBottomSheet 方法用于弹出底部弹窗,本篇介绍如何使用底部弹窗. 实现效果 最终实现效果如图片所示,分布演示了基础的,全屏的和自定义的底部弹窗形式. 代码结构 在消息页面 message.dart 中,使用 Column 组件构建了三个按钮,点击每个按钮调用不同的底部弹窗显示.这部分代码不展

  • Android BottomNavigationView底部导航效果

    BottomNavigationView 很早之前就在 Material Design 中出现了,但是直到 Android Support Library 25 中才增加了 BottomNavigationView 控件.也就是说如果使用官方的BottomNavigationView控件必须让targetSdkVersion >= 25,这样才能引入25版本以上的兼容包. 接下来我们来看看如何使用BottomNavigationView. 使用BottomNavigationView 需要添加d

  • Android使用 PopupWindow 实现底部弹窗功能

    一.知识点 不详细展开 PopupWindow 或者视图动画的所有具体使用方式,仅仅介绍一下使用的一个大概流程和一些知识要点,具体的介绍在下面设计实现中讲述 (一)PopupWindow 1. 初始化 加载弹窗的布局 实例化 PopupWindow 传入布局和弹窗的宽高 对布局里面的控件的操作 对布局本身的一些设置 // 加载弹窗的布局 pwView = LayoutInflater.from(this).inflate(R.layout.pw_search_engine, null, fals

  • android SectorMenuView底部导航扇形菜单的实现代码

    这次分析一个扇形菜单展开的自定义View, 也是我实习期间做的一个印象比较深刻的自定义View, 前后切换了很多种实现思路, 先看看效果展示 效果展示 效果分析 点击圆形的FloatActionBar, 自身旋转一定的角度 菜单像波纹一样扩散开来 显示我们添加的item 实现分析 使用adapter适配器去设置View, 用户可自定义性强, 不过每次使用需要去设置Adapter, 较为繁琐 直接调用ItemView, 将ImageView和TextView写死, 用户操作简单, 但是缺乏可定制性

  • Android仿微信底部菜单栏效果

    前言 在市面上,大多数的APP都需要通过底部菜单栏来将程序的功能进行分类整理,通常都是分为3-5个大模块,从而正确有效地引导用户去使用我们的APP.实现底部菜单栏的方法也有很多种. 1.仿微信底部菜单栏(ViewPager+ImagerView+TextView) ......(其他方式后续会补充) 效果预览 首先来个开胃菜,看看实现效果: 先贴出项目所需的资源文件,这些可随个人自由更改颜色和文字 colors.xml <color name="bg_line_light_gray&quo

随机推荐