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点击后背景变灰的那样漂亮，所以如果有哪位大哥大姐知道怎么弄的话不啬指教，一同分享快乐，一同进步。