Android開發之自定義dialog的實現

jopen 10年前發布 | 28K 次閱讀 Android Android開發 移動開發

     使用系統自帶的dialog如果不能滿足我們日常開發的需求,那就得自己構建custom dialog,特別是對于一個app來說,統一的樣式風格會給人一種舒服的感覺,所以dialog的樣式 、色調一般都要和app主題符合,這篇博客主要介紹兩種方式來自定義dialog。

MainActivity的代碼

</div> </div>

    package com.example.e01_consumerdialog;

import android.os.Bundle;  
import android.app.Activity;  
import android.app.AlertDialog;  
import android.app.AlertDialog.Builder;  
import android.content.DialogInterface;  
import android.content.DialogInterface.OnClickListener;  
import android.view.LayoutInflater;  
import android.view.Menu;  
import android.view.View;  
import android.widget.Button;  

public class MainActivity extends Activity {  
     private Button button;  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        button=(Button)this.findViewById(R.id.button1);  
        button.setOnClickListener(new View.OnClickListener() {  

            @Override  
            public void onClick(View arg0) {  
                // TODO Auto-generated method stub  
              AlertDialog.Builder builder=new Builder(MainActivity.this);  
              builder.setTitle("登陸界面");  
              View view=LayoutInflater.from(MainActivity.this).inflate(R.layout.dialog, null);  
              builder.setView(view);//設置自定義布局view  
              builder.setPositiveButton("確認", new OnClickListener() {  

                @Override  
                public void onClick(DialogInterface arg0, int arg1) {  
                    // TODO Auto-generated method stub  

                }  
            });  
              builder.setNegativeButton("取消",new OnClickListener() {  

                @Override  
                public void onClick(DialogInterface arg0, int arg1) {  
                    // TODO Auto-generated method stub  

                }  
            });  
              builder.show();  
            }  
        });  
    }  


    @Override  
    public boolean onCreateOptionsMenu(Menu menu) {  
        // Inflate the menu; this adds items to the action bar if it is present.  
        getMenuInflater().inflate(R.menu.main, menu);  
        return true;  

    }  

}  </pre><br />

dialog.xml的布局文件

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android=" android:layout_width="match_parent"
android:layout_height="match_parent" >

    <TextView  
        android:id="@+id/textView2"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_below="@+id/editText1"  
        android:layout_marginTop="27dp"  
        android:layout_toLeftOf="@+id/editText1"  
        android:text="密  碼:" />  

    <EditText  
        android:id="@+id/editText2"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignBaseline="@+id/textView2"  
        android:layout_alignBottom="@+id/textView2"  
        android:layout_alignLeft="@+id/editText1"  
        android:layout_alignRight="@+id/editText1"  
        android:ems="10"  
        android:inputType="textPassword" />  

    <EditText  
        android:id="@+id/editText1"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignBaseline="@+id/textView1"  
        android:layout_alignBottom="@+id/textView1"  
        android:layout_toRightOf="@+id/textView1"  
        android:ems="10" />  

    <TextView  
        android:id="@+id/textView1"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignParentLeft="true"  
        android:layout_alignParentTop="true"  
        android:text="用戶名:" />  

</RelativeLayout>  </pre><a href="/misc/goto?guid=4959554152136441268" class="CopyToClipboard" title="copy"></a></div>

</div> </div>
   以上的自定義dialog是模擬實現了一個登陸框選項的功能,但缺點也比較明顯,按鈕必須還得使用dialog本身的 PositiveButton這種風格,那有沒有使我們的權限更大一點的自定義方法呢,從官方API我們可以看到

Tip: If you want a custom dialog, you can instead display an Activity as a dialog instead of using the DialogAPIs. Simply create an activity and set its theme to Theme.Holo.Dialog in the <activity> manifest element:

<activity android:theme="@android:style/Theme.Holo.Dialog" >

That's it. The activity now displays in a dialog window instead of fullscreen.

    上面的tip告訴我們如果想自定義dialog,還可以把自己做的activity在清單文件中添加dialog屬性,以此實現dialog形式的出現效果!

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!