自定义Popupwindow并指定显示位置!

a 夏天 提交于 2019-12-06 17:01:32

直接上代码

activity_popup_window_tooltip_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"
                android:paddingLeft="@dimen/activity_horizontal_margin"
                android:paddingRight="@dimen/activity_horizontal_margin"
                android:paddingTop="@dimen/activity_vertical_margin"
                android:paddingBottom="@dimen/activity_vertical_margin"
                tools:context="com.artshell.trainingdemos.test.PopupWindowTooltipTextActivity">

    <Button
        android:id="@+id/anchor_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click me to see tooltip"
        android:layout_centerInParent="true"/>

</RelativeLayout>

nav_up.xml (drawable)

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <rotate
            android:fromDegrees="45"
            android:pivotX="-50%"
            android:pivotY="80%"
            android:toDegrees="45">
            <shape android:shape="rectangle">
                <solid android:color="#92e4e5"/>
                <stroke
                    android:width="2dp"
                    android:color="#92e4e5"/>
            </shape>
        </rotate>
    </item>
</layer-list>

tooltip_bg.xml (drawable)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid android:color="#92e4e5"/>
    <stroke
        android:width="2dp"
        android:color="#92e4e5"/>
    <corners android:radius="2dp"/>
</shape>

popup_window_tooltip_layout.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:gravity="center"
              android:orientation="vertical">
    <ImageView
        android:id="@+id/tooltip_nav_up"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:background="@drawable/nav_up"/>

    <TextView
        android:id="@+id/tooltip_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/tooltip_bg"
        android:gravity="center"
        android:padding="10dp"
        android:text="Tooltip using PopupWindow :)"
        android:textColor="@android:color/white"
        android:textSize="20sp"
        android:textStyle="bold"/>

</LinearLayout>

Activity代码:

public class PopupWindowTooltipTextActivity extends ActionBarActivity {
    private View contentView;
    private PopupWindow tipWindow;
    private Button anchor_view;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_popup_window_tooltip_text);
        anchor_view = (Button) findViewById(R.id.anchor_view);

        contentView = getLayoutInflater().inflate(R.layout.popup_window_tooltip_layout, null);
        
        tipWindow = new PopupWindow(this);

        tipWindow.setTouchInterceptor(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {
                    tipWindow.dismiss();
                }
                // 这个地方一定要返回false,你可能会说这里已经消费掉事件了啊应该返回true,参看PopupWindow的私有类PopupViewContainer
                // 弹出的View都是交由这个类来管理的,因为它对onTouchEvent()这个回调方法已经提供了一些默认实现,当你是返回true,事件就在此被拦截
                // 不会再继续派发了,所以onTouchEvent()无法被调用
                return false; 
            }
        });

        anchor_view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                tipWindow.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);
                tipWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
                tipWindow.setOutsideTouchable(true);
                tipWindow.setTouchable(true);
                tipWindow.setFocusable(true);
                Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.easyicon_net);
                // 某些博客说,当没有设置Background的时候,无论是触摸其他空白区还是back键都无法dismiss()掉这个PopupWindow
                // 但我注释掉这段代码能dismiss(),有可能是个Bug,已经得google到修复
                tipWindow.setBackgroundDrawable(new BitmapDrawable(getResources(),bitmap));
                tipWindow.setContentView(contentView);

                // 计算这个PopupWindow的显示位置
                int[] screen_pos = new int[2];
                anchor_view.getLocationOnScreen(screen_pos);
                Rect anchor_rect = new Rect(screen_pos[0], screen_pos[1], screen_pos[0] + anchor_view.getWidth(), screen_pos[1] + anchor_view.getHeight());
                contentView.measure(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
                int contentViewWidth = contentView.getMeasuredWidth();
                int contentViewHeight = contentView.getMeasuredHeight();
                int position_x = anchor_rect.centerX() - (contentViewWidth / 2);
                int position_y = anchor_rect.bottom - (anchor_rect.height() / 2);

                tipWindow.showAtLocation(anchor_view, Gravity.NO_GRAVITY, position_x, position_y);
            }
        });

    }
}

还要注意一点就是:当你已经dismiss()掉了,想再次显示PopupWindow,那么它的某些属性需要重新设置,不能一处写好多处使用,参看这个dismiss()方法的源码实现。在没有dismiss()之前,你的PopupWindow内容发生变化了,你可以使用它的update()系列方法来更新.......


这里再帖两个参考链接,希望对你有所帮助

http://www.cnblogs.com/mengdd/p/3569127.html 【Android PopupWindow的使用和分析

http://michaelye1988.iteye.com/blog/1766629 【Popupwindow的使用


易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!