android 自定义spinner的下拉弹出窗口样式

 

2011-12-06 10:05:35|  分类：android |  标签：android popwindow  |字号大中小订阅

恩恩，记录下最近弄的一个新的功能，这个功能就是自己定义一个spinner弹出下拉框的样式。

之前的想法是能否通过修改spinner的弹出下拉框窗口而修改样式，在google上得出的结果是使用popwindow。

popwindow就是一个自定义弹出窗口，具体解释是：

A popup window that can be used to display an arbitrary view. The popup windows is a floating container that appears on top of the current activity.

一个弹出窗口，可以用来显示一个任意视图。弹出窗口是当前活动的顶部出现一个浮动的容器。

我立即想到可以通过点击按钮触发弹出一个popwindow，这样来达到显示自定义的spinner下拉弹出窗口的效果。

具体实现代码如下：

package com.test.ui;import android.app.Activity;import android.graphics.drawable.BitmapDrawable;import android.os.Bundle;import android.view.Gravity;import android.view.KeyEvent;import android.view.View;import android.view.View.OnClickListener;import android.view.ViewGroup.LayoutParams;import android.widget.Button;import android.widget.PopupWindow;import android.widget.Toast;public class TestActivity extends Activity { /** Called when the activity is first created. */ private Button but_menu; private Button open_id; private Button save_id; View contentView; private PopupWindow m_popupWindow; @Override public void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.main);  init();  setListener(); } private void init() {  contentView = getLayoutInflater().inflate(R.layout.popupmenu, null,    true);  but_menu = (Button) findViewById(R.id.but_menu);  open_id = (Button) contentView.findViewById(R.id.btn_popup_information);  save_id = (Button) contentView.findViewById(R.id.btn_popup_quote);
  // PopupWindow弹出的窗口显示的view,第二和第三参数：分别表示此弹出窗口的大小  m_popupWindow = new PopupWindow(contentView, LayoutParams.FILL_PARENT,    LayoutParams.WRAP_CONTENT, true);  m_popupWindow.setBackgroundDrawable(new BitmapDrawable());//有了这句才可以点击返回（撤销）按钮dismiss()popwindow  m_popupWindow.setOutsideTouchable(true);  m_popupWindow.setAnimationStyle(R.style.PopupAnimation); } private void setListener() {  contentView.setOnClickListener(new View.OnClickListener() {   public void onClick(View v) {    // TODO Auto-generated method stub    m_popupWindow.dismiss();   }  });  // m_popupWindow = new PopupWindow();  but_menu.setOnClickListener(new OnClickListener() {   @Override   public void onClick(View v) {    try {     if (m_popupWindow.isShowing()) {      m_popupWindow.dismiss();     }     m_popupWindow.showAsDropDown(v);    } catch (Exception e) {     Toast.makeText(TestActivity.this, e.getMessage(),       Toast.LENGTH_SHORT);    }   }  });  open_id.setOnClickListener(new OnClickListener() {   @Override   public void onClick(View v) {    m_popupWindow.dismiss();    Toast.makeText(TestActivity.this, "打开被触发", Toast.LENGTH_SHORT)      .show();   }  });  save_id.setOnClickListener(new OnClickListener() {   @Override   public void onClick(View v) {    m_popupWindow.dismiss();    Toast.makeText(TestActivity.this, "保存被触发", Toast.LENGTH_SHORT)      .show();   }  }); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) {  if (keyCode == KeyEvent.KEYCODE_BACK) {   if (m_popupWindow != null && m_popupWindow.isShowing()) {    m_popupWindow.dismiss();    return true;   }  }  return super.onKeyDown(keyCode, event); }}

popupmenu.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout android:id="@+id/lin_main" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_height="wrap_content" android:layout_width="wrap_content" android:paddingRight="120dip"> <LinearLayout android:background="@drawable/popup_search"  android:orientation="vertical" android:layout_height="wrap_content"  android:layout_width="wrap_content">  <Button android:layout_width="fill_parent" android:background="@drawable/goods_bg"   android:id="@+id/btn_popup_information" android:layout_height="wrap_content"   android:textColor="#000000" android:textSize="16sp" android:text="打开"   android:layout_weight="1" />  <Button android:id="@+id/btn_popup_quote" android:layout_width="fill_parent"   android:layout_height="wrap_content" android:text="保存"   android:background="@drawable/goods_bg" android:layout_weight="1"   android:textColor="#000000" android:textSize="16sp"   android:layout_marginTop="5dip" />  <Button android:id="@+id/btn_popup_product"   android:layout_width="fill_parent" android:layout_height="wrap_content"   android:text="关于我们" android:background="@drawable/goods_bg"   android:layout_weight="1" android:textColor="#000000"   android:textSize="16sp" android:layout_marginTop="5dip" />  <Button android:id="@+id/btn_popup_buy" android:layout_width="fill_parent"   android:layout_height="wrap_content" android:text="关闭"   android:background="@drawable/shop_bg" android:layout_weight="1"   android:textColor="#000000" android:textSize="16sp"   android:layout_marginTop="5dip" /> </LinearLayout></LinearLayout>

下面的是popwindow出现和退出的动画特效，这种东西网上有很多，就拿出这个吧.

values/style.xml

<?xml version="1.0" encoding="utf-8"?><resources> <style name="PopupAnimation" parent="android:Animation">  <item name="android:windowEnterAnimation">@anim/popup_search_show</item>  <item name="android:windowExitAnimation">@anim/popup_search_hide</item> </style></resources>

anim/popup_search_show.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator" > <scale  android:duration="500"  android:pivotX="0.100000024%"  android:pivotY="0.0"  android:fromXScale="1.0"  android:toXScale="0.0"  android:fromYScale="1.0"  android:toYScale="0.0"  > </scale></set>

anim/popup_search_hide.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator" > <scale  android:duration="500"  android:pivotX="0.100000024%"  android:pivotY="0.0"  android:fromXScale="0.0"  android:toXScale="1.0"  android:fromYScale="0.0"  android:toYScale="1.0"  > </scale></set>

在popupmenu.xml里用到了两个LinearLayout，是用来控制popwindow的显示大小。

效果图：

现在唯一做得不好的就是背景没有变灰，虽然我有办法将背景变灰，但是效果都不满意都没有类似spinner点击后背景变灰的那样漂亮，所以如果有哪位大哥大姐知道怎么弄的话不啬指教，一同分享快乐，一同进步。