码迷，mamicode.com
首页 > 微信 > 详细

android popwindow仿微信右上角弹出框，dialog底部显示

时间：2015-05-07 22:12:41      阅读：741      评论：0      收藏：0      [点我收藏+]

标签：android   popwindow   dialog   右上角   

仿微信右上角弹出框

1、利用popwindow实现

2、popwindow的位置居于右上角

新建，弹出popwindow：

/** 弹popwindow **/
<span style="white-space:pre">		</span>tv = (TextView) findViewById(R.id.textView1);
<span style="white-space:pre">		</span>view_pop = LayoutInflater.from(MainActivity.this).inflate(
<span style="white-space:pre">				</span>R.layout.pop_menu, null);
<span style="white-space:pre">		</span>tv.setOnClickListener(new OnClickListener() {


<span style="white-space:pre">			</span>@Override
<span style="white-space:pre">			</span>public void onClick(View arg0) {
<span style="white-space:pre">				</span>if (mPopupwinow == null) {
<span style="white-space:pre">					</span>//新建一个popwindow
<span style="white-space:pre">					</span>mPopupwinow = new PopupWindow(view_pop,
<span style="white-space:pre">							</span>LayoutParams.WRAP_CONTENT,
<span style="white-space:pre">							</span>LayoutParams.WRAP_CONTENT, true);
<span style="white-space:pre">					</span>//设置popwindow的背景颜色
<span style="white-space:pre">					</span>mPopupwinow.setBackgroundDrawable(new ColorDrawable(
<span style="white-space:pre">							</span>0x00000000));
<span style="white-space:pre">				</span>}
<span style="white-space:pre">				</span>//设置popwindow的位置  tv:为微信右上角+号view，居于+号下方
<span style="white-space:pre">				</span>mPopupwinow.showAsDropDown(tv, 0, 0);
<span style="white-space:pre">			</span>}
<span style="white-space:pre">		</span>});
布局pop_menu.xml：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#00000000"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#fff"
        android:gravity="center_vertical"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:layout_marginRight="50dp"
            android:gravity="center_vertical"
            android:orientation="horizontal" >

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="20dp"
                android:src="@drawable/ic_launcher" />

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:text="发起聊天"
                android:textSize="18sp" />
        </LinearLayout>

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#efefef" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:gravity="center_vertical"
            android:orientation="horizontal" >

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="20dp"
                android:src="@drawable/ic_launcher" />

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:text="发起聊天"
                android:textSize="18sp" />
        </LinearLayout>

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#efefef" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:gravity="center_vertical"
            android:orientation="horizontal" >

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="20dp"
                android:src="@drawable/ic_launcher" />

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:text="发起聊天"
                android:textSize="18sp" />
        </LinearLayout>

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#efefef" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:gravity="center_vertical"
            android:orientation="horizontal" >

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="20dp"
                android:src="@drawable/ic_launcher" />

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:text="发起聊天"
                android:textSize="18sp" />
        </LinearLayout>
    </LinearLayout>

</LinearLayout>



效果：

技术分享

1、屏幕下方dialog

创建dialog，设置dialog的位置

/** 弹dialog **/
	private void showDialog() {
		dialog = new Dialog(this,R.style.dialog);
		view_dialog = LayoutInflater.from(MainActivity.this).inflate(
				R.layout.dialog_layout, null);
		dialog.setContentView(view_dialog);
		TextView tv_cancle = (TextView) view_dialog
				.findViewById(R.id.tv_cancle);
		tv_cancle.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				dialog.dismiss();
			}
		});
		/*
		 * 获取圣诞框的窗口对象及参数对象以修改对话框的布局设置, 可以直接调用getWindow(),表示获得这个Activity的Window
		 * 对象,这样这可以以同样的方式改变这个Activity的属性.
		 */
		Window dialogWindow = dialog.getWindow();
		//设置位置
		dialogWindow.setGravity(Gravity.BOTTOM);
		//设置dialog的宽高属性
		dialogWindow.setLayout(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
		dialog.show();
	}

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="wrap_content"
    android:background="#fff"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:gravity="bottom|center_horizontal"
        android:orientation="vertical" >

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#efefef" />

        <TextView
            android:id="@+id/tv_cancle"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:gravity="center"
            android:text="取消"
            android:textSize="20sp" />
    </LinearLayout>

</LinearLayout>

R.style.dialog：

<!--dialog样式-->
    <style name="dialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowIsFloating">true</item>
        <!-- 设置未浮动窗口 -->
        <item name="android:windowFrame">@null</item>
        <!-- 设置无边框 -->
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowFullscreen">true</item>
        <!-- 设置无标题 -->
        <item name="android:windowBackground">@color/sc_transparent_background</item>
        <!-- 设置完全透明 -->
        <item name="android:backgroundDimEnabled">true</item>
        <!-- 设置屏幕变暗 -->
    </style>

效果图：
技术分享



MainActivity.java:

package com.yqy.yqy_popwindow;

import android.app.Activity;
import android.app.Dialog;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.PopupWindow;
import android.widget.TextView;

public class MainActivity extends Activity {

	private TextView tv;
	private View view_pop, view_dialog;
	private PopupWindow mPopupwinow = null;
	private Button btn_dialog;
	private Dialog dialog;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		/** 弹popwindow **/
		tv = (TextView) findViewById(R.id.textView1);
		view_pop = LayoutInflater.from(MainActivity.this).inflate(
				R.layout.pop_menu, null);
		tv.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				if (mPopupwinow == null) {
					//新建一个popwindow
					mPopupwinow = new PopupWindow(view_pop,
							LayoutParams.WRAP_CONTENT,
							LayoutParams.WRAP_CONTENT, true);
					//设置popwindow的背景颜色
					mPopupwinow.setBackgroundDrawable(new ColorDrawable(
							0x00000000));
				}
				//设置popwindow的位置  tv:为微信右上角+号view，居于+号下方
				mPopupwinow.showAsDropDown(tv, 0, 0);
			}
		});

		btn_dialog = (Button) findViewById(R.id.button1);
		btn_dialog.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View arg0) {
				showDialog();
			}
		});

	}
	
	/** 弹dialog **/
	private void showDialog() {
		dialog = new Dialog(this,R.style.dialog);
		view_dialog = LayoutInflater.from(MainActivity.this).inflate(
				R.layout.dialog_layout, null);
		dialog.setContentView(view_dialog);
		TextView tv_cancle = (TextView) view_dialog
				.findViewById(R.id.tv_cancle);
		tv_cancle.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				dialog.dismiss();
			}
		});
		/*
		 * 获取圣诞框的窗口对象及参数对象以修改对话框的布局设置, 可以直接调用getWindow(),表示获得这个Activity的Window
		 * 对象,这样这可以以同样的方式改变这个Activity的属性.
		 */
		Window dialogWindow = dialog.getWindow();
		//设置位置
		dialogWindow.setGravity(Gravity.BOTTOM);
		//设置dialog的宽高属性
		dialogWindow.setLayout(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
		dialog.show();
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}


android popwindow仿微信右上角弹出框，dialog底部显示

标签：android   popwindow   dialog   右上角   

原文地址：http://blog.csdn.net/u012885461/article/details/45565509
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！