泡泡 点击按钮

PopupWindow 属性用来设置视图的位置

主java写

package com.example.popupwindow;

import com.example.popupwindow.R.drawable;

import android.app.Activity;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.ListAdapter;
import android.widget.PopupWindow;
import android.widget.TextView;

public class MainActivity extends Activity {
public PopupWindow pw;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        
        
    }
    public void dian(View v){//点击事件
        View view = View.inflate(this, R.layout.popup_window, null);
        GridView viewById = (GridView) view.findViewById(R.id.gv);
        viewById.setAdapter(new MyActivity());//设置九宫格
        //设置冒泡
        pw=new PopupWindow(view,
                ViewGroup.LayoutParams.MATCH_PARENT,//填充宽度
                ViewGroup.LayoutParams.WRAP_CONTENT);//包裹内容填充(内容是View的match填充父窗体,填充父窗体就是包裹内容,包裹内容-->View的填充父窗体--->(两个结合父类的wrap_..)--->GridView的包裹内容)
        pw.setBackgroundDrawable(new BitmapDrawable());//可绘制的位图
        pw.setFocusable(true);//设置可聚焦的 //显示/消失
//      pw.showAsDropDown(v);//指定在控件上的按钮的下方出现
        //显示在屏幕下方   (v是按钮v.getparent()是父布局,显示在什么位置,x水平的偏移量,y是垂直的偏移量)
        pw.showAtLocation((View) v.getParent(), Gravity.BOTTOM, 0, 0);
    
    }
    class MyActivity extends BaseAdapter{
      int[] images={
            R.drawable.i1,R.drawable.i2,
            R.drawable.i3,R.drawable.i4,
            R.drawable.i5,R.drawable.i6,
            R.drawable.i7,R.drawable.i8,
      };
      String []names={
        "1","2","3","4","5","6","7","8",      
      };
        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return names.length;
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return names[position];
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            shuju shju=null;
            if(convertView==null){
                convertView=View.inflate(MainActivity.this, R.layout.item, null);
                shju=new shuju();
                shju.iv_icon=(ImageView) convertView.findViewById(R.id.iv_icon);
                shju.text=(TextView) convertView.findViewById(R.id.text);
                convertView.setTag(shju);
            }else{
                shju=(shuju) convertView.getTag();
            }
            shju.iv_icon.setImageResource(images[position]);
            shju.text.setText(names[position]);
            
            return convertView;
        }
        
        class shuju{
            ImageView iv_icon;
            TextView text;
        }
    }
}

主xml写

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" >

    <Button 
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="冒泡"
        android:onClick="dian"
        />
    

</RelativeLayout>

弹出的布局

<?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:orientation="vertical"
    android:background="@drawable/back" >//设置了渐变背景
    <GridView 
        android:id="@+id/gv"
        android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:numColumns="5"
        ></GridView>

</LinearLayout>

加载布局控件GridView网格布局

<?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:orientation="vertical" >
    <ImageView 
        android:id="@+id/iv_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/i1"
        
        />
    <TextView 
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:text="搜索"
        android:textColor="@android:color/darker_gray"
        />

</LinearLayout>