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

157 阅读 0 评论 104 点赞

我是靠谱客的博主自由微笑，最近开发中收集的这篇文章主要介绍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>

这是最终的效果。