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>

这是最终的效果。

发布了23 篇原创文章 · 获赞 11 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/u014095878/article/details/80094409