Android开发进阶系列（八） 界面美化之自定义弹出框

一开始，我都用的Android自带的弹出框，自带弹出框的好处是简单易用，但也有欠缺。一是虽然和操作系统风格相符，但可能与你的APP的个性化风格不符；二是如果要在弹出框里加Button，textEdit等就捉襟见肘了。

于是，绕不开的就是自定义弹出框了，干脆，就做好看点吧。

• 布局文件

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:clickable="true"
    android:orientation="vertical"
    android:padding="20.0dip" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@drawable/bg_bombbox"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/title"
            style="@style/text_18_ffffff"
            android:layout_width="fill_parent"
            android:layout_height="40.0dip"
            android:gravity="center"
            android:text="购买数量"
            android:visibility="visible" />        

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/decrease_bt"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="-" 
                android:textSize="24sp"
                android:textStyle="bold"
                android:paddingLeft="15dp"
                android:paddingRight="15dp"/>

            <EditText
                android:id="@+id/amount_et"
                android:inputType="number"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:gravity="center"
                android:lineSpacingMultiplier="1.0"
                android:minHeight="30.0dip"/>           

            <Button
                android:id="@+id/increase_bt"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="+" 
                android:textSize="24sp"
                android:textStyle="bold"
                android:paddingLeft="15dp"
                android:paddingRight="15dp"/>
        LinearLayout>

        <View
            android:layout_width="fill_parent"
            android:layout_height="1.0px"
            android:background="#ffd0d0d0" />

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="50.0dip"
            android:layout_gravity="bottom"
            android:background="@drawable/dialog_bottom_bg"
            android:gravity="center"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/positiveButton"
                style="@style/text_15_ffffff_sdw"
                android:layout_width="114.0dip"
                android:layout_height="40.0dip"
                android:background="@drawable/btn_ok_selector"
                android:gravity="center"
                android:text="@string/ok" />

            <Button
                android:id="@+id/negativeButton"
                style="@style/text_15_666666_sdw"
                android:layout_width="114.0dip"
                android:layout_height="40.0dip"
                android:layout_marginLeft="20.0dip"
                android:background="@drawable/btn_cancel_selector"
                android:gravity="center"
                android:text="@string/cancel" />
        LinearLayout>
    LinearLayout>

FrameLayout>

• btn_ok_selector.xml

<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/btn_ok_pressed" />
    <item android:drawable="@drawable/btn_ok_normal" />
selector>

• btn_cancel_selector.xml

<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/btn_cancel_pressed" />
    <item android:state_enabled="true" android:drawable="@drawable/btn_cancel" />
selector>

• 初始化及事件处理

public class PutIntoCartDialog extends Dialog {

    public PutIntoCartDialog(Context context) {
        super(context);
    }

    public PutIntoCartDialog(Context context, int theme) {
        super(context, theme);
    }

    public static class Builder {
        private Context context;
        private int goodsID;
        Button decreaseButton;
        Button increaseButton;
        EditText amountEditText;
        private DialogInterface.OnClickListener positiveButtonClickListener;

        public Builder(Context context, int id) {
            this.context = context;
            goodsID=id;
        }

        // 获取数量
        public int getAmount() {
            if(amountEditText.getText()==null || amountEditText.length()==0 || amountEditText.getText().toString().equals("0"))
                return 0;
            else
                return Integer.valueOf(amountEditText.getText().toString());
        }

        /**
         * Set the positive button's listener
         * 
         * @param listener
         * @return
         */
        public Builder setPositiveButtonListener(DialogInterface.OnClickListener listener) {
            this.positiveButtonClickListener = listener;
            return this;
        }

        public PutIntoCartDialog create() {
            LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            // instantiate the dialog with the custom Theme
            final PutIntoCartDialog dialog = new PutIntoCartDialog(context,R.style.Dialog);
            View layout = inflater.inflate(R.layout.dialog_put_into_cart_layout, null);
            dialog.addContentView(layout, new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
            // set the spinner
            decreaseButton = (Button) layout.findViewById(R.id.decrease_bt);
            increaseButton = (Button) layout.findViewById(R.id.increase_bt);
            amountEditText = (EditText) layout.findViewById(R.id.amount_et);
            int purchaseCount = FusionField.FindGoodsByID(goodsID).getPurchaseCount();
            if(purchaseCount>0)
                amountEditText.setText(String.valueOf(purchaseCount));
            else
                amountEditText.setText("1");

            // + and - button
            decreaseButton.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View arg0) {
                    int amount = Integer.valueOf(amountEditText.getText().toString());      
                    if(amount>0)
                        amountEditText.setText(String.valueOf(amount-1));
                }

            });
            increaseButton.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View arg0) {
                    int amount = Integer.valueOf(amountEditText.getText().toString());  
                    amountEditText.setText(String.valueOf(amount+1));
                }

            });

            // set the confirm button
            if (positiveButtonClickListener != null) {
                ((Button) layout.findViewById(R.id.positiveButton)).setOnClickListener(new View.OnClickListener() {
                    public void onClick(View v) {
                        positiveButtonClickListener.onClick(dialog, DialogInterface.BUTTON_POSITIVE);
                    }
                });
            }

            // Cancel button
            ((Button) layout.findViewById(R.id.negativeButton)).setOnClickListener(new View.OnClickListener() {
                public void onClick(View v) {
                    dialog.dismiss();
                }
            });
            dialog.setContentView(layout);
            return dialog;
        }
    }
}

• * Android开发进阶系列（一） 序言 *
• * Android开发进阶系列（二） Tab页界面布局 *
• * Android开发进阶系列（三） 系统参数的获取和Broadcast *
• * Android开发进阶系列（四） 左移拉出Menu菜单界面布局 *
• * Android开发进阶系列（五） 连接服务器更新APK或下载资源文件 *
• * Android开发进阶系列（六） ListView的基本用法 *
• * Android开发进阶系列（七） 使用数据库 *
• * Android开发进阶系列（八） 界面美化之自定义弹出框 *
• * Android开发进阶系列（九） AChartEngine专题 *