實現一個簡單的自定義Dialog彈窗。


自己看了一些資料之後,這個是自己算是第一個比較有點用的自定義控件了吧。

謝了這個之後,對接口回調的理解也有一定的幫助。



不說了,貼代碼。比較懶,偷懶了很多。


//這裏注意,oncreate方法在dialog.show()之後纔會運行,所以要動態設置一些屬性的話,必須放在oncreate中,不然會報空。

public class MyDialog extends Dialog {
    private TextView msg;
    private String mContent;
    private TextView mYes;
    private TextView mNo;
//回調
    private MyOkCallBack myOkCallBack;
    private MyNoCallBack myNoCallBack;

    //回調
    public interface MyOkCallBack {
        void doSomeOkThing(View view);
    }

    public interface MyNoCallBack {
        void doSomeNoThing(View view);

    }


    public MyDialog(Context context) {
//調用父類構造,使用style。
        super(context, R.style.mydialog);
    }

    public MyDialog(Context context, int themeResId) {
        super(context, themeResId);
    }

    protected MyDialog(Context context, boolean cancelable, OnCancelListener cancelListener) {
        super(context, cancelable, cancelListener);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//設置自定義dialog佈局。
        setContentView(R.layout.my_custom_dialog_layout);
        initView();
        // 外面穿進來的參數必須在這裏設置,因爲dialog.show()之後纔會調用Oncreate方法。
        initData();
        initEvent();

    }

    private void initData() {
        if (mContent != null)
            this.msg.setText(mContent);
    }

    private void initEvent() {
        mYes.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                myOkCallBack.doSomeOkThing(v);
            }
        });

        mNo.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                myNoCallBack.doSomeNoThing(v);
            }
        });

    }


    public void setMsg(String msg) {
        this.mContent = msg;
    }


    private void initView() {
        mYes = (TextView) findViewById(R.id.tv_yes);
        mNo = (TextView) findViewById(R.id.tv_no);
        msg = (TextView) findViewById(R.id.msg);

    }


    public void setYesListener(MyOkCallBack ok) {
        myOkCallBack = ok;
    }

    public void setNoListener(MyNoCallBack no) {
        myNoCallBack = no;
    }


}

自定義樣式

<style name="mydialog" parent="android:style/Theme.Dialog">
        <!--背景透明-->
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowNoTitle">true</item>
        <!--沒有邊框-->
        <item name="android:windowFrame">@null</item>
        <!--窗口浮動-->
        <item name="android:windowIsFloating">true</item>
        <!--背景變暗-->
        <item name="android:backgroundDimEnabled">true</item>
        
    </style>


自定義彈窗佈局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_centerInParent="true"
        android:layout_width="300dp"
        android:layout_height="200dp"
        android:orientation="vertical"
        android:background="@drawable/shape_bg"
        >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:text="自定義Dialog"
            />
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#000000"/>

        <TextView
            android:id="@+id/msg"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:gravity="center"
            />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            >
            <TextView
                android:id="@+id/tv_yes"
                android:layout_width="0dp"
                android:layout_weight="0.5"
                android:layout_height="wrap_content"
                android:text="確定"
                android:gravity="center"
                />
            <TextView
                android:id="@+id/tv_no"
                android:layout_width="0dp"
                android:layout_weight="0.5"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="取消"
                />

        </LinearLayout>


    </LinearLayout>

</RelativeLayout>




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