Android组件popupwindow使用方法详解

先看效果:

现在很多的应用效果都需要做的炫些,像UC,以及天天静听,效果很炫的,源码已经对外开放了,有兴趣的可以去研究下的

上源码

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="500dp"
 android:orientation="vertical"
 android:background="@android :color/white"
 >

 <include android:id="@+id/top_title"

 layout="@layout/title_two_button"/>
 <Button
 android:id="@+id/bb"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="button"
 />
</LinearLayout>

title_two_button.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content" >

 <TextView
 android:id="@+id/tvtitle"
 android:layout_width="fill_parent"
 android:layout_height="45dip"
 android:background="@drawable/search_bg"
 android:gravity="center"
 android:text="天下第一"
 android:textColor="@color/black"
 android:textSize="25dip" />

 <Button
 android:id="@+id/btn_title_left"
 android:layout_width="49dip"
 android:layout_height="36dip"
 android:layout_gravity="center_vertical"
 android:background="@drawable/title_button"
 android:textColor="@color/white" />

 <Button
 android:id="@+id/btn_title_right"
 android:layout_width="49dip"
 android:layout_height="36dip"
 android:layout_gravity="right"
 android:layout_marginRight="2dip"
 android:layout_marginTop="4dip"
 android:background="@drawable/title_button2"
 android:textColor="@color/white" />

</FrameLayout>

group_list.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="vertical" android:paddingLeft="0.0sp" android:paddingRight="0.0sp" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_margin="0.0px"
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:background="@drawable/group_bg">

 <ImageView
 android:id="@+id/iv_group_list_bg_divider"
 android:background="@drawable/group_divider"
 android:padding="0.0px"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:layout_margin="0.0px" />
 <ListView
 android:id="@+id/lvGroup"
 android:fadingEdgeLength="0.0sp"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:listSelector="@drawable/grouplist_item_bg"
 android:drawSelectorOnTop="true"
 android:cacheColorHint="#00000000"
 android:divider="@drawable/group_divider"
 android:dividerHeight="2.0px"
 android:layout_weight="0.0" />
</LinearLayout>

group_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="@dimen/group_item_height"
 xmlns:android="http://schemas.android.com/apk/res/android">
 <TextView
 android:gravity="center"
 android:id="@+id/groupItem"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 style="@style/grouplist_item_textview" />
</LinearLayout>

好了,这些都是其中用到的布局文件,开始重头戏

package jk.activity;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

public class PoupWindowDemoActivity extends Activity {

 private PopupWindow popupWindow;

 private ListView lv_group;

 private View view;

 private View top_title;

 private TextView tvtitle;

 private List<String> groups;

 private Button button;
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);
 button = (Button)findViewById(R.id.bb);
 top_title = this.findViewById(R.id.top_title);

 tvtitle = (TextView) top_title.findViewById(R.id.tvtitle);

 tvtitle.setText("天下第一");

 tvtitle.setOnClickListener(new View.OnClickListener() {

 @Override
 public void onClick(View v) {
 showWindow(v);
 }
 });

 }

 /**
 * 显示
 *
 * @param parent
 */
 private void showWindow(View parent) {

 if (popupWindow == null) {
 LayoutInflater layoutInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);

 view = layoutInflater.inflate(R.layout.group_list, null);

 lv_group = (ListView) view.findViewById(R.id.lvGroup);
 // 加载数据
 groups = new ArrayList<String>();
 groups.add("女儿国");
 groups.add("西游");
 groups.add("大话");
 groups.add("大唐");

 GroupAdapter groupAdapter = new GroupAdapter(this, groups);
 lv_group.setAdapter(groupAdapter);
 // 创建一个PopuWidow对象
 popupWindow = new PopupWindow(view, 200, 250);
 }

 // 使其聚集
 popupWindow.setFocusable(true);
 // 设置允许在外点击消失
 popupWindow.setOutsideTouchable(true);

 // 这个是为了点击“返回Back”也能使其消失,并且并不会影响你的背景
 popupWindow.setBackgroundDrawable(new BitmapDrawable());
 WindowManager windowManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
 // 显示的位置为:屏幕的宽度的一半-PopupWindow的高度的一半
 int xPos = windowManager.getDefaultDisplay().getWidth() / 2
 - popupWindow.getWidth() / 2;

 Log.i("coder", "windowManager.getDefaultDisplay().getWidth()/2:"
 + windowManager.getDefaultDisplay().getWidth() / 2);
 //
 Log.i("coder", "popupWindow.getWidth()/2:" + popupWindow.getWidth() / 2);

 Log.i("coder", "xPos:" + xPos);

 popupWindow.showAsDropDown(parent, xPos, 0);

 lv_group.setOnItemClickListener(new OnItemClickListener() {

 @Override
 public void onItemClick(AdapterView<?> adapterView, View view,
 int position, long id) {

 Toast.makeText(PoupWindowDemoActivity.this,
 "groups.get(position)" + groups.get(position), 1000)
 .show();

 if (popupWindow != null) {
 popupWindow.dismiss();
 }
 }
 });
 }
}

在这里还需要用到adapter,用到较多一般有baseadapter,simpleadapter,baseadapter挺强大的,不过simpleadapter扩展性挺不错的,可以满足自定义的需求,如果你理解输入输出流很快就能理解adapter的,他就是装备数据的

package jk.activity;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

public class GroupAdapter extends BaseAdapter {

 private Context context;

 private List<String> list;

 public GroupAdapter(Context context, List<String> list) {

 this.context = context;
 this.list = list;

 }

 @Override
 public int getCount() {
 return list.size();
 }

 @Override
 public Object getItem(int position) {

 return list.get(position);
 }

 @Override
 public long getItemId(int position) {
 return position;
 }

 @Override
 public View getView(int position, View convertView, ViewGroup viewGroup) {

 ViewHolder holder;
 if (convertView==null) {
 convertView=LayoutInflater.from(context).inflate(R.layout.group_item_view, null);
 holder=new ViewHolder();

 convertView.setTag(holder);

 holder.groupItem=(TextView) convertView.findViewById(R.id.groupItem);

 }
 else{
 holder=(ViewHolder) convertView.getTag();
 }
 holder.groupItem.setText(list.get(position));

 return convertView;
 }

 static class ViewHolder {
 TextView groupItem;
 }

}

对于adapter,最重要是getView(int position, View convertView, ViewGroup viewGroup)这个方法的,菜已上完,各位慢慢享用。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • PopupWindow使用方法详解

    学习了Android PopupWindow的使用技巧和[Android UI设计与开发]7.底部菜单栏(四)PopupWindow 实现显示仿腾讯新闻底部弹出菜单,然后自己进行了一下研究,写一个总结,方便以后学习. 效果图: 1.PopupWindow的布局: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.androi

  • Android 使用PopupWindow实现弹出更多的菜单实例详解

    最近想要做一个弹出更多的菜单,而原生的弹出菜单却不是我们想要的效果,所以必然要自定义菜单咯.本人也是借鉴网上的资料进行封装的,感觉还蛮不错的. 原生的菜单如下图: 自定义之后的效果图: 是不是看到这里之后,对比可知,原生的效果不太理想,所以还是再自己定义吧! 1.PopupWindow可以说是一个浮动在Activity之上的容器,通常用来显示自定义的视图.弹出菜单的封装PopMenuMore /** * 对弹出菜单的封装. * http://blog.csdn.net/maosidiaoxian

  • Android PopupWindow使用实例

    示例效果如下:   MainActivity.xml package sn.qdj.popupwindowdemo; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.view.Gravity; import android.view.View; import android.view.View.OnClickListener; import android.widg

  • Android自定义弹出窗口PopupWindow使用技巧

    PopupWindow是Android上自定义弹出窗口,使用起来很方便. PopupWindow的构造函数为 复制代码 代码如下: public PopupWindow(View contentView, int width, int height, boolean focusable) contentView为要显示的view,width和height为宽和高,值为像素值,也可以是MATCHT_PARENT和WRAP_CONTENT. focusable为是否可以获得焦点,这是一个很重要的参数

  • Android PopupWindow使用方法小结

    前几天要用到PopupWindow,一时竟想不起来怎么用,赶紧上网查了查,自己写了个demo,并在此记录一下PopupWindow的用法. 使用场景 PopupWindow,顾名思义,就是弹窗,在很多场景下都可以见到它.例如ActionBar/Toolbar的选项弹窗,一组选项的容器,或者列表等集合的窗口等等. 基本用法 使用PopupWindow很简单,可以总结为三个步骤: 创建PopupWindow对象实例: 设置背景.注册事件监听器和添加动画: 显示PopupWindow. 其中,第二步是

  • Android中PopupWindow使用方法详解

    参考原文Android PopupWindow用法解析进行学习,通过实例及PopupWindow源码分析了PopupWindow的使用.文章最后的"补充Case: 弹窗不消失,但是事件向下传递"很赞. 不过,源码已经发生了变化,文章中提到的PopupViewContainer类,在目前的源码(Android6.0)中使用的是PopupBackgroundView和PopupDecorView共同完成的. 而在6.0版本的PopupWindow的preparePopup方法中,无论是否s

  • Android popupwindow简单使用方法介绍

    先看下效果 1.首页 package com.yskj.jh.demopopupwindow; import android.content.Context; import android.graphics.drawable.BitmapDrawable; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.LayoutInflater; import and

  • Android Popupwindow弹出窗口的简单使用方法

    本文实例为大家分享了Android Popupwindow弹出窗口的具体代码,供大家参考,具体内容如下 代码很简单,没有和别的控件连用.布局自己随意定义,我的这个是最基础的,就直接上代码啦! 在MainActivity里 import android.content.Context; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.LayoutInflat

  • android使用PopupWindow实现页面点击顶部弹出下拉菜单

    实现此功能没有太多的技术难点,主要通过PopupWindow方法,同时更进一步加深了PopupWindow的使用,实现点击弹出一个自定义的view,view里面可以自由设计,比较常用的可以放一个listview. demo中我只是一个点击展示,简单的使用了fade in out的动画效果,也没有精美的图片资源,看着也丑,不过这么短的时间,让你掌握一个很好用的技术,可以自己扩展,不很好么? 废话不说了,直接上代码: MainActivity.java public class MainActivi

  • Android中使用PopupWindow 仿微信点赞和评论弹出

    微信朋友圈的点赞和评论功能,有2个组成部分:左下角的"更多"按钮:点击该按钮后弹出的对话框: PopupWindow,弹出框使用PopupWindow实现,这是点赞和评论的载体,具体要涉及 PopupWindow 点击非窗口位置和再次点击消失以及显示位置的问题(根据相应更多按钮的位置确定 PopupWindow 的显示位置 package com.example.cmm.helloworld; import android.app.AlertDialog; import android

随机推荐