Android菜鳥練習第七課 自定義dialog

第一部分 對話框部分

public class MyDialog extends Dialog implements View.OnClickListener {
    public Button mBtnConfirm,mBtnCancel;
    private OnConfirmListener confirmListener = null;

    public MyDialog(Context context) {
        super(context,R.style.BaseDialog);//設置對話框的樣式
        setContentView(R.layout.dialog_base);//設置對話框佈局
        setCanceledOnTouchOutside(false);//點擊對話框外部陰影是否關閉對話框
        setCancelable(true);//按返回鍵是否關閉對話框
        initView();

    }

    public void initView(){
        mBtnConfirm = (Button) findViewById(R.id.btn_dialog_confirm);
        mBtnConfirm.setOnClickListener(this);
        mBtnCancel = (Button) findViewById(R.id.btn_dialog_cancel);
        mBtnCancel.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
            switch (v.getId()){
                case R.id.btn_dialog_confirm:
                    dismiss();
                    if (confirmListener != null) {
                        confirmListener.onConfirm();
                    }
                    break;
                case R.id.btn_dialog_cancel:
                    dismiss();
                    break;
            }
    }
    //創建一個而接口用於實現對話框中按鈕的點擊事件
    public interface OnConfirmListener {
        public void onConfirm();
    }
    //設置監聽的方法
    public void setOnConfirmListener(OnConfirmListener listener) {
        this.confirmListener = listener;
    }
}
第二部分 自定以樣式部分

<!--對話框樣式-->
<style name="BaseDialog" parent="@android:style/Theme.Dialog">
    <item name="android:windowFrame">@null</item>//Dialog的windowFrame框爲無
    <item name="android:windowIsFloating">true</item>//dialog是否懸浮在activity之上
    <item name="android:windowContentOverlay">@null</item>//是否有遮蓋
    <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>//對話框動畫
    <item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>//返回當前界面顯示鍵盤、通過佈局的移動,來保證用戶要進行輸入的輸入框肯定在用戶的視野範圍裏
    <item name="android:windowBackground">@android:color/transparent</item>//對話框背景
    <item name="android:windowNoTitle">true</item>//對話框不要標題
</style>

第三部分 對話框佈局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_main"
    android:background="#ffffff"
    android:orientation="vertical"
    android:padding="10dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/tv_dialog_title"
        android:textColor="#333333"
        android:textSize="24dp"
        android:text="請做出選擇吧騷年"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:textSize="14dp"
        android:textColor="#666666"
        android:layout_marginTop="10dp"
        android:text="您確定做要做一個程序員到老嗎,即使一輩子找不到女朋友"
        android:id="@+id/tv_dialog_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <LinearLayout
        android:orientation="horizontal"
        android:layout_marginTop="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/btn_dialog_confirm"
            android:layout_weight="1"
            android:background="#6b7d8e"
            android:layout_width="0dp"
            android:text="確定"
            android:textColor="#FFFFFF"
            android:layout_marginRight="5dp"
            android:layout_height="45dip" />
        <Button
            android:layout_marginLeft="5dp"
            android:id="@+id/btn_dialog_cancel"
            android:layout_weight="1"
            android:textColor="#ffffff"
            android:text="取消"
            android:background="#f3f3f3"
            android:layout_width="0dp"
            android:layout_height="45dip" />
    </LinearLayout>
</LinearLayout>

第四部分 Activity部分

public class MainActivity extends AppCompatActivity {
    public MyDialog dialog;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ///創建對話框
        dialog = new MyDialog(MainActivity.this);
        findViewById(R.id.btn_dialog).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.setOnConfirmListener(new MyDialog.OnConfirmListener() {
                    @Override
                    public void onConfirm() {
                        Toast.makeText(MainActivity.this,"成功進行對話框中的確定操作",Toast.LENGTH_SHORT).show();
                    }
                });
                dialog.show();
            }
        });
    }
}

第五部分  Activity中佈局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_main"
    android:background="#ffffff"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/btn_dialog"
        android:text="顯示對話框"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章