Android自定義漂亮的Dialog
阿新 • • 發佈:2019-02-06
很多時候,可能Android預設的幾種Dialog對話方塊已經不能滿足我們的需求,我們需要自定義自己的Dialog對話方塊,包括樣式的改變,功能的改變等等。今天,我給出一個Android自定義Dialog的例子,大家可以看看,如果這個自定義dialog的方法能夠用得上,那我們完全可以定義出非常富有個性的dialog對話方塊了,先看一個自定義的dialog對話方塊效果圖吧,很簡單,只有一個Activity,當點選Button的時候就彈出這個自定義的Dialog
裡面的幾張圖都比較醜,我不多會美工,隨便用powerpoint畫了幾張圖,原理是一樣的,先不計較這些。下面正入正題
下面把原始碼提供給大家
新建工程在此就不貼出來了,只是為了方便大家的複製貼上,取包名為com.and.mydialog,主Activity取名為MyDialogActivity
主佈局檔案main.xmlpackagecom.and.mydialog; importandroid.app.Activity; importandroid.app.AlertDialog; importandroid.app.Dialog; importandroid.content.DialogInterface; importandroid.os.Bundle; importandroid.view.KeyEvent; importandroid.view.LayoutInflater; importandroid.view.Menu; importandroid.view.MenuItem; importandroid.view.View; importandroid.view.View.OnClickListener; importandroid.widget.Button; importandroid.widget.Toast; publicclass MyDialogActivity extendsActivity { /** Called when the activity is first created. */ @Override publicvoid onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Button button = (Button) findViewById(R.id.button1); button.setOnClickListener(newOnClickListener() { @Override publicvoid onClick(View v) { //初始化一個自定義的Dialog Dialog dialog = newMyDialog(MyDialogActivity.this, R.style.MyDialog); dialog.show(); } }); } }
<?xmlversion="1.0"encoding="utf-8"?> <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical"android:layout_width="fill_parent" android:layout_height="fill_parent"> <Button android:text="顯示自定義Dialog" android:id="@+id/button1" android:layout_height="wrap_content" android:layout_width="fill_parent"/> </LinearLayout>
新建一個自定義的Dialog類,取名MyDialog,繼承自Dialog
packagecom.and.mydialog;
importandroid.app.Dialog;
importandroid.content.Context;
importandroid.os.Bundle;
importandroid.view.LayoutInflater;
importandroid.view.View;
publicclass MyDialog extendsDialog {
Context context;
publicMyDialog(Context context) {
super(context);
// TODO Auto-generated constructor stub
this.context = context;
}
publicMyDialog(Context context, inttheme){
super(context, theme);
this.context = context;
}
@Override
protectedvoid onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
this.setContentView(R.layout.dialog);
}
}
相應的佈局檔案dialog.xml<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical|center_horizontal"
android:background="@drawable/dialog_bg">
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingLeft="30dip"
android:paddingTop="10dip">
<ImageView
android:id="@+id/dialog_title_image"
android:layout_alignParentLeft="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/dialog_title_image"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dip"
android:layout_centerInParent="true"
android:text="Title"
android:layout_toRightOf="@id/dialog_title_image"
android:textColor="#000000"
android:textSize="30sp"/>
</RelativeLayout>
<TextView
android:layout_width="fill_parent"
android:layout_height="1dip"
android:background="@drawable/lins"
android:layout_marginTop="5dip"/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="This is a custom dialog"
android:textColor="#000000"
android:layout_marginTop="10dip"
android:layout_marginLeft="30dip"/>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingTop="10dip"
android:gravity="bottom|center_horizontal"
android:paddingBottom="10dip">
<Button
android:id="@+id/dialog_button_cancel"
android:layout_alignParentLeft="true"
android:layout_width="100dip"
android:layout_height="wrap_content"
android:text="確定"/>
<Button
android:id="@+id/dialog_button_ok"
android:layout_width="100dip"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/dialog_button_cancel"
android:layout_marginLeft="35dip"
android:text="取消"/>
</RelativeLayout>
</LinearLayout>
最主要的,是自定義的Style,我們自定義一個式樣,用來改變預設的Dialog樣式
在values資料夾下新建一個styles.xml檔案
這樣應該就OK了,為了方便大家測試本示例,在此一併附上不怎麼好看的素材
|