PopupWindow实现弹出窗口

最新推荐文章于 2025-08-13 20:25:32 发布

转载最新推荐文章于 2025-08-13 20:25:32 发布 · 1k 阅读

文章标签：

#layout #android #encoding #listview #java #button

Android 专栏收录该内容

98 篇文章

订阅专栏

本博客展示了如何使用Android的PopupWindow实现弹出窗口，用于在点击ListView的每一个item时，显示对应的用户详细信息。包括姓名、年龄、生日、电话号码、部门等。通过XML布局和Java代码实现弹出窗口的动态加载和显示，以及关闭机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

PopupWindow实现弹出窗口

博客分类：
android基础

点击ListView的每一个item，将弹出窗口显示item详情

主要代码:

     Java代码  
    
   
 private void openPopupwin() {  
         LayoutInflater mLayoutInflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);  
         ViewGroup rootView = (ViewGroup) mLayoutInflater.inflate(R.layout.person_info_pop, null, true);  
           
         TextView person_popup_name = (TextView)rootView.findViewById(R.id.person_popup_name);  
         TextView person_popup_realName = (TextView)rootView.findViewById(R.id.person_popup_realName);  
         TextView person_popup_age = (TextView)rootView.findViewById(R.id.person_popup_age);  
         TextView person_popup_birthday = (TextView)rootView.findViewById(R.id.person_popup_birthday);  
         TextView person_popup_phone = (TextView)rootView.findViewById(R.id.person_popup_phone);  
         TextView person_popup_deptId = (TextView)rootView.findViewById(R.id.person_popup_deptId);  
         Button btn_popup_close = (Button)rootView.findViewById(R.id.btn_popup_close);  
         ImageView person_popup_head = (ImageView)rootView.findViewById(R.id.person_popup_head);  
           
         try {  
             person_popup_name.setText(selectedperson.getString("name"));  
             person_popup_realName.setText(selectedperson.getString("realName"));  
             person_popup_age.setText(selectedperson.getString("age"));  
             person_popup_birthday.setText(selectedperson.getString("birthday"));  
             person_popup_phone.setText("13880012450");//还未添加字段  
             person_popup_deptId.setText("产品事业部");  
             person_popup_head.setBackgroundDrawable(ImageUtil.geRoundDrawableFromUrl(HttpUtil.BASE_URL+selectedperson.getString("headPhotoPath"), 10));  
         } catch (JSONException e) {  
             e.printStackTrace();  
         } catch (Exception e) {  
             e.printStackTrace();  
         }  
           
         popupWindow = new PopupWindow(rootView, LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT, true);  
         popupWindow.setBackgroundDrawable(new BitmapDrawable());  
         popupWindow.setAnimationStyle(R.style.PopupAnimation);  
         popupWindow.showAtLocation(root, Gravity.CENTER | Gravity.CENTER, 0, 0);  
         popupWindow.update();  
           
         btn_popup_close.setOnClickListener(new OnClickListener() {  
             @Override  
             public void onClick(View v) {  
                 popupWindow.dismiss();  
             }  
         });  
     }  

弹出窗口布局文件:

     Java代码  
    
   
 <?xml version="1.0" encoding="utf-8"?>  
 <RelativeLayout android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android"  
     android:layout_width="wrap_content" android:gravity="center"  
     android:layout_height="wrap_content" android:layout_gravity="center" android:padding="5.0dip" android:layout_margin="5.0dip"  
     android:background="@drawable/popup_corner">  
     <RelativeLayout android:id="@+id/popup_top_bar" android:layout_alignParentTop="true" android:layout_width="fill_parent" android:layout_height="wrap_content">  
         <TextView android:text="用户详细信息" android:textColor="#760606" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="16.0sp" android:layout_alignParentLeft="true"/>  
         <Button android:id="@+id/btn_popup_close" android:background="@drawable/popup_close" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true"/>  
     </RelativeLayout>  
     <ImageView android:id="@+id/person_popup_head" android:scaleType="fitXY" android:layout_marginTop="5.0dip" android:layout_below="@id/popup_top_bar" android:layout_width="120.0dip" android:layout_height="120.0dip"/>  
     <TableLayout android:id="@+id/person_form" android:layout_marginLeft="2.0dip" android:layout_marginTop="5.0dip" android:layout_toRightOf="@id/person_popup_head" android:layout_below="@id/popup_top_bar" android:layout_width="wrap_content" android:layout_height="wrap_content">  
         <TableRow >  
             <TextView android:layout_width="60.0dip" android:gravity="right" android:textColor="#074f92" android:layout_height="wrap_content" android:text="账号:"/>  
             <TextView android:id="@+id/person_popup_name" android:textColor="#074f92" android:layout_marginLeft="15.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content"/>  
         </TableRow>  
         <TableRow >  
             <TextView android:layout_width="60.0dip" android:gravity="right" android:textColor="#074f92" android:layout_height="wrap_content" android:text="姓名:"/>  
             <TextView android:id="@+id/person_popup_realName" android:textColor="#074f92" android:layout_marginLeft="15.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content"/>  
         </TableRow>  
         <TableRow >  
             <TextView android:layout_width="60.0dip" android:gravity="right" android:textColor="#074f92" android:layout_height="wrap_content" android:text="年龄:"/>  
             <TextView android:id="@+id/person_popup_age" android:textColor="#074f92" android:layout_marginLeft="15.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content"/>  
         </TableRow>  
         <TableRow >  
             <TextView android:layout_width="60.0dip" android:gravity="right" android:textColor="#074f92" android:layout_height="wrap_content" android:text="生日:"/>  
             <TextView android:id="@+id/person_popup_birthday" android:textColor="#074f92" android:layout_marginLeft="15.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content"/>  
         </TableRow>  
         <TableRow >  
             <TextView android:layout_width="60.0dip" android:gravity="right" android:textColor="#074f92" android:layout_height="wrap_content" android:text="电话号码:"/>  
             <TextView android:id="@+id/person_popup_phone" android:textColor="#074f92" android:layout_marginLeft="15.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:autoLink="phone"/>  
         </TableRow>  
         <TableRow >  
             <TextView android:layout_width="60.0dip" android:gravity="right" android:textColor="#074f92" android:layout_height="wrap_content" android:text="部门:"/>  
             <TextView android:id="@+id/person_popup_deptId" android:textColor="#074f92" android:layout_marginLeft="15.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content"/>  
         </TableRow>  
     </TableLayout>  
 </RelativeLayout>  

popup_enter.xml

     Java代码  
    
   
 <?xml version="1.0" encoding="utf-8"?>  
 <set xmlns:android="http://schemas.android.com/apk/res/android">  
     <scale android:fromXScale="0.6" android:toXScale="1.0"  
         android:fromYScale="0.6" android:toYScale="1.0" android:pivotX="50%"  
         android:pivotY="50%" android:duration="1000" />  
   
     <alpha android:interpolator="@android:anim/decelerate_interpolator"  
         android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="1000" />  
 </set>  

popup_exit.xml

     Java代码  
    
   
 <?xml version="1.0" encoding="utf-8"?>  
 <set xmlns:android="http://schemas.android.com/apk/res/android">  
     <scale  
         android:fromXScale="1.0"  
         android:toXScale="0.5"  
         android:fromYScale="1.0"  
         android:toYScale="0.5"  
         android:pivotX="50%"  
         android:pivotY="50%"  
         android:duration="500" />  
     <alpha  
         android:interpolator="@android:anim/accelerate_interpolator"  
         android:fromAlpha="1.0"  
         android:toAlpha="0.0"  
         android:duration="500" />  
 </set>  

popup_corner.xml

     Java代码  
    
   
 <?xml version="1.0" encoding="UTF-8"?>  
 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">  
     <gradient android:startColor="#cbeafe" android:endColor="#ffffff" android:angle="90" />  
     <!--    
     <stroke android:dashWidth="2dp" android:dashGap="2dp" android:width="2dp" android:color="#FF00ff00"/>-->  
     <!--描边-->  
     <corners android:bottomRightRadius="5dp" android:bottomLeftRadius="5dp" android:topLeftRadius="5dp" android:topRightRadius="5dp" />  
     <!--设置圆角-->  
 </shape>  

查看图片附件