Android实现点击某个按钮指定位置弹出布局

本文实例为大家分享了Android实现点击某个按钮指定位置弹出布局,供大家参考,具体内容如下

package com.topcee.report.report;

import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;

import com.topcee.report.R;

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

public class HomeActivity extends Activity {
 private Context context;
 private List<String> reportList;
 private List<String> productList;
 private TextView tvReport;
 private TextView tvProduct;
 private TextView tvCompany;
 private String reportName = "";
 private String productName = "";
 private String companyName = "";
 private ListView lvData;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_home);
  context = HomeActivity.this;
  initView();
 }
 private void initView(){
  lvData = findViewById(R.id.lv_data);
  lvData.setOnItemClickListener(new AdapterView.OnItemClickListener() {
   @Override
   public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

   }
  });
  tvReport = findViewById(R.id.tv_report);
  tvProduct = findViewById(R.id.tv_product);
  tvCompany = findViewById(R.id.tv_company);
  tvReport.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    showReportDialog();
   }
  });
  tvProduct.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    showProductDialog();
   }
  });
  tvCompany.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {

   }
  });
 }

 /**
  * 报表弹窗
  */
 private void showReportDialog(){
  reportList = new ArrayList<>();
  reportList.add("生产报表");
  reportList.add("设备报表");
  reportList.add("抛料率报表");
  reportList.add("在线预警报表");
  View view = LayoutInflater.from(context).inflate(R.layout.popupwindow, null);

  // 为了演示效果,简单的设置了一些数据,实际中大家自己设置数据即可,相信大家都会。
  ListView lsvMore = (ListView) view.findViewById(R.id.lsvMore);
  lsvMore.setAdapter(new ArrayAdapter<String>(context, android.R.layout.simple_list_item_1, reportList));

  // 创建PopupWindow对象,指定宽度和高度
  PopupWindow window = new PopupWindow(view, ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
  window.setWidth(tvReport.getWidth());
  // 设置动画
//  window.setAnimationStyle(R.style.popup_window_anim);
  // 设置背景颜色
  window.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#FFFFFF")));
  // 设置可以获取焦点
  window.setFocusable(true);
  // 设置可以触摸弹出框以外的区域
  window.setOutsideTouchable(true);
  // 更新popupwindow的状态
  window.update();
  // 以下拉的方式显示,并且可以设置显示的位置
//  window.showAsDropDown(tvReport, 0, 20);
  window.showAtLocation(tvReport, Gravity.LEFT | Gravity.BOTTOM, 0, 50);//这里的50是因为我底部按钮的高度是50
  lsvMore.setOnItemClickListener(new AdapterView.OnItemClickListener() {
   @Override
   public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
    if("生产报表".equals(reportName)){

    }
   }
  });
 }

 /**
  * 生产情况弹窗
  */
 private void showProductDialog(){
  productList = new ArrayList<>();
  productList.add("生产描述");
  productList.add("生产进度");
  productList.add("生产指标");
  productList.add("异常信息");
  View view = LayoutInflater.from(context).inflate(R.layout.popupwindow, null);

  // 为了演示效果,简单的设置了一些数据,实际中大家自己设置数据即可,相信大家都会。
  ListView lsvMore = view.findViewById(R.id.lsvMore);
  lsvMore.setAdapter(new ArrayAdapter<String>(context, android.R.layout.simple_list_item_1, productList));

  // 创建PopupWindow对象,指定宽度和高度
  PopupWindow window = new PopupWindow(view, ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
  window.setWidth(tvProduct.getWidth());
  // 设置动画
//  window.setAnimationStyle(R.style.popup_window_anim);
  // 设置背景颜色
  window.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#FFFFFF")));
  // 设置可以获取焦点
  window.setFocusable(true);
  // 设置可以触摸弹出框以外的区域
  window.setOutsideTouchable(true);
  // 更新popupwindow的状态
  window.update();
  // 以下拉的方式显示,并且可以设置显示的位置
//  window.showAsDropDown(tvProduct, 0, 20);
  window.showAtLocation(tvProduct, Gravity.CENTER | Gravity.BOTTOM, 0, 50);
  lsvMore.setOnItemClickListener(new AdapterView.OnItemClickListener() {
   @Override
   public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
    productName = productList.get(position);//获取点击的状态名字

   }
  });
 }
}

activity_home.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".report.HomeActivity">
 <LinearLayout
  android:id="@+id/ll_list"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:layout_above="@+id/activity_home_btn_layout">
  <ListView
   android:id="@+id/lv_data"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:divider="@null">
  </ListView>
 </LinearLayout>

 <View
  android:id="@+id/activity_home_bottom_line_layout"
  android:layout_above="@+id/activity_home_btn_layout"
  style="@style/style_row_line_view"/>
 <LinearLayout
  android:id="@+id/activity_home_btn_layout"
  android:layout_width="match_parent"
  android:layout_height="50dp"
  android:layout_alignParentBottom="true">
  <TextView
   android:id="@+id/tv_report"
   style="@style/style_activity_home_text_view"
   android:layout_weight="1"
   android:clickable="true"
   android:background="@drawable/btn_pressed"
   android:text="报表"/>
  <!--<ImageView
   android:layout_width="25dp"
   android:layout_height="match_parent"
   android:layout_gravity="center"
   android:layout_marginRight="5dp"
   android:layout_marginBottom="3dp"
   android:clickable="true"
   android:background="@drawable/btn_pressed"/>-->
  <View style="@style/style_column_line_view"/>
  <TextView
   android:id="@+id/tv_product"
   style="@style/style_activity_home_text_view"
   android:layout_weight="1"
   android:clickable="true"
   android:background="@drawable/btn_pressed"
   android:text="生产情况"/>
  <!--<ImageView
   android:layout_width="25dp"
   android:layout_height="match_parent"
   android:layout_gravity="center"
   android:layout_marginRight="5dp"
   android:layout_marginBottom="3dp"
   android:clickable="true"
   android:background="@drawable/btn_pressed"/>-->
  <View style="@style/style_column_line_view"/>
  <TextView
   android:id="@+id/tv_company"
   style="@style/style_activity_home_text_view"
   android:layout_weight="1"
   android:text="关于"
   android:clickable="true"
   android:background="@drawable/btn_pressed"/>
  <!--<ImageView
   android:layout_width="25dp"
   android:layout_height="match_parent"
   android:layout_gravity="center"
   android:layout_marginRight="5dp"
   android:layout_marginBottom="3dp"
   android:clickable="true"
   android:background="@drawable/btn_pressed"/>-->
 </LinearLayout>

</RelativeLayout>

btn_pressed.xml

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

triangle_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 <item
  android:id="@+id/shape"
  android:left="-2dp"
  android:bottom="-2dp">
  <!-- 长方形 -->
  <shape android:shape="rectangle">
   <stroke android:color="#DFDFDF" android:width="1dp"/>
   <solid android:color="#DFDFDF"></solid>
  </shape>
 </item>
 <item android:id="@+id/shape_id">
  <!-- 正三角 -->
  <rotate
   android:fromDegrees="50"
   android:toDegrees="-50"
   android:pivotX="-50%"
   android:pivotY="100%">
   <shape android:shape="rectangle">
    <solid android:color="#DFDFDF"/>
   </shape>
  </rotate>
 </item>
</layer-list>

triangle_bg_pressed.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 <item
  android:id="@+id/shape"
  android:left="-2dp"
  android:bottom="-2dp">
  <!-- 长方形 -->
  <shape android:shape="rectangle">
   <stroke android:color="#DFDFDF" android:width="1dp"/>
   <solid android:color="#DFDFDF"></solid>
  </shape>
 </item>
 <item android:id="@+id/shape_id">
  <!-- 正三角 -->
  <rotate
   android:fromDegrees="50"
   android:toDegrees="-50"
   android:pivotX="-50%"
   android:pivotY="100%">
   <shape android:shape="rectangle">
    <solid android:color="#DFDFDF"/>
   </shape>
  </rotate>
 </item>
</layer-list>

这里本来是想在右下角显示一个小三角形的,不知道为啥不显示,给它单独拿出来设置宽度和高度就显示。希望有知道的给我解惑一下。大家知识共享。

popupwindow.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@drawable/popupwindow_bg">

 <ListView
  android:id="@+id/lsvMore"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"/>
</LinearLayout>

这是最终的效果。

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

(0)

相关推荐

  • Android实现输入法弹出时把布局顶上去和登录按钮顶上去的解决方法

    背景:在写登录界面时,老板就觉得在输入密码的时候谈出来的输入法软键盘把登录按钮遮挡住了(入下图所示,不爽),连输入框都被挡了一半,于是不满意了,要叫我改,于是我看QQ的登录效果,我就去研究了一下,弹出输入法整个布局上来了,终于让老板满意了. (如上图这样,老板不满意的,呵呵) 1,咱们就解决问题吧. 我看了很多博客和问答,很多人都说直接在在AndroidManifest.xml中给这个Activity设置 <activity android:windowSoftInputMode="sta

  • Android实现点击某个按钮指定位置弹出布局

    本文实例为大家分享了Android实现点击某个按钮指定位置弹出布局,供大家参考,具体内容如下 package com.topcee.report.report; import android.app.Activity; import android.content.Context; import android.graphics.Color; import android.graphics.drawable.ColorDrawable; import android.os.Bundle; imp

  • 基于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

  • jQuery实现点击任意位置弹出层外关闭弹出层效果

    在之前做项目的时候经常会在主页面上点击某个按钮,右侧弹出一个div输出对应内容的详细信息.此时,我是希望在鼠标点击弹出层外的时候关闭该弹出层,主要思想就是: 找到鼠标点击的那个元素 判断这个元素是否在指定区域内,其实就是判断它的父元素是不是弹出层 如果不是就对弹出层进行hide,如果是就不进行任何操作 具体实现 该代码需要使用jQuery,代码如下: $(document).mousedown(function(e){ if($(e.target).parent("#info").le

  • android scrollview 滑动到顶端或者指定位置的实现方法

    在Android开发中很多时候会遇到一屏显示不下所有内容的现象,那大家也知道这个时候肯定会想到用scrollview来进行滚屏显示. 这个时候由于某些需求,会要求在最开始显示scrollview的时候就定位到某一处,这篇就是来讲这个的哈- 首先,scrollView.scrollTo( x, y );这个方法是能对滚动条进行定位的,这个大家都知道. But,貌似很多时候这个方法的调用没有什么效果呀-- 上面所说的调用scrollTo方法看上去好像并没有起到对滚动条进行定位的效果,其实是因为我们是

  • 微信小程序点击滚动到指定位置的实现

    公司项目要做一个类似微信通讯录导航的效果,点击右侧字母页面滚动到相应位置. 因为微信小程序没有dom概念,所以不能使用锚点,也不能直接获取对应字母相对页面的偏移位置.此时只能使用小程序创建对象实例的API获取节点信息: let query = wx.createSelectorQuery().in(this); query.selectViewport().scrollOffset() query.select("#Nav").boundingClientRect(); query.s

  • Android开发仿QQ空间根据位置弹出PopupWindow显示更多操作效果

    我们打开QQ空间的时候有个箭头按钮点击之后弹出PopupWindow会根据位置的变化显示在箭头的上方还是下方,比普通的PopupWindow弹在屏幕中间显示好看的多. 先看QQ空间效果图: 这个要实现这个效果可以分几步进行 1.第一步自定义PopupWindow,实现如图的样式,这个继承PopupWindow自定义布局很容易实现 2.得到点击按钮的位置,根据位置是否在屏幕的中间的上方还是下方,将PopupWindow显示在控件的上方或者下方 3.适配问题,因为PopupWindow上面的操作列表

  • 易语言在画板中指定位置写出指定文本的方法

    定位写出方法 英文命令:say 操作系统支持:Windows    所属对象:画板 在指定写出位置处写出指定的文本.数值.逻辑值或日期时间,不改变现行写出位置. 语法:  无返回值  画板.定位写出 ([横向写出位置],[纵向写出位置],欲写出数据,- ) 例程 说明 通过"定位写出"命令在画板中指定位置写出一段文本. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链

  • Android 仿微信朋友圈点赞和评论弹出框功能

    贡献/下载源码:https://github.com/mmlovesyy/PopupWindowDemo 本文简单模仿微信朋友圈的点赞和评论弹出框,布局等细节请忽略,着重实现弹出框.发评论,及弹出位置的控制. 1. 微信弹出框 微信朋友圈的点赞和评论功能,有2个组成部分: 点击左下角的"更多"按钮,弹出对话框: 点击评论,弹出输入框,添加评论并在页面中实时显示: 微信朋友圈点赞和评论功能 2. 实际效果 本文将建一个 ListView,在其 Item 中简单模仿微信的布局,然后着重实现

  • 设置点击文本框或图片弹出日历控件的实现代码

    <input id="startDate" value="" readonly="true" type="text" style="cursor: pointer" class="user_datepicker "> <input class="canlderImg" data-tag="start" type="ima

  • js实现点击图片在屏幕中间弹出放大效果

    js实现点击图片在屏幕中间弹出放大效果 效果图 点击图片后 关键代码 html <div> <img height="100" width="100" src="https://cdn.pixabay.com/photo/2018/08/14/13/23/ocean-3605547_960_720.jpg" class="pic"/> <img height="100" wid

随机推荐