Android實現點選某個按鈕指定位置彈出佈局
阿新 • • 發佈：2020-12-17
本文例項為大家分享了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,20);
window.showAtLocation(tvReport,Gravity.LEFT | Gravity.BOTTOM,50);//這裡的50是因為我底部按鈕的高度是50
lsvMore.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent,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,productList));
// 建立PopupWindow物件，指定寬度和高度
PopupWindow window = new PopupWindow(view,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,20);
window.showAtLocation(tvProduct,Gravity.CENTER | Gravity.BOTTOM,50);
lsvMore.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent,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>
這是最終的效果。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。