大話高富帥自定義Dialog

         大家晚上好,上回講到Dialog三種樣式,其實還有一種比前面三個都重要的一款樣式,簡稱高富帥樣式,因爲有了這個樣式,使得界面更美觀,讓人眼前一亮。沒錯,那就是自定義Dialog,恩。下面給大家上代碼運行的界面。



相信大家對這個界面非常喜歡,這是根據自己的愛好,心情,想怎麼弄就怎麼弄,約束性低,自由多了。往往這比其他三款好用的多,學會了,吃到老。

1.設置xml文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:background="@drawable/bg_yellow"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/name_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="5dp"
        android:text="請輸入你的姓名"
        android:textSize="20sp" />

    <EditText
        android:id="@+id/body_et"
        android:layout_width="150dp"
        android:layout_height="30dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="15dp"
        android:background="@drawable/search_bar_edit_normal" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="50dp"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/ok_btn"
            style="@style/MyButton"
            android:background="@drawable/drawable_selector"
            android:text="確定" />

        <Button
            android:id="@+id/cancle_btn"
            style="@style/MyButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:background="@drawable/drawable_selector"
            android:text="取消" />
    </LinearLayout>

</LinearLayout>


這是佈局文件,可以根據自己的需要,充分發揮自己想象,創造有個性的佈局。


2.在src下編程java文件


/**
  * //自定義對話框
  */
 private void divDialog() {
  //創建dialog對象,第一個參數:上下文    第二個參數:dialog的佈局主題,其中這裏要設置主題,下面有講到
  final Dialog dialog = new Dialog(context, R.style.MyDialog);
 //添加布局,自定義Dialog的xml
  dialog.setContentView(R.layout.div_dialog);

 //找到佈局Id,這裏要有dialog.,因爲是在Dialog佈局的,沒有的話,就是其他view佈局了
  final EditText et = (EditText) dialog.findViewById(R.id.body_et);
  Button okBtn = (Button) dialog.findViewById(R.id.ok_btn);
  Button cancleBtn = (Button) dialog.findViewById(R.id.cancle_btn);
  //確定按鈕
  okBtn.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View v) {

//獲取編輯框裏面的內容

    String str = et.getText().toString().trim();

//銷燬
    dialog.dismiss();
    Toast.makeText(DialogActivity.this, str, Toast.LENGTH_SHORT)
      .show();

   }
  });
  //取消按鈕
  cancleBtn.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View v) {
    dialog.dismiss();
   }
  });

  dialog.show();
 }

3.在res-->values-->styles.xml配置Dialog主題

//設置style,屬性名爲MyDialog,它的父類是:android:Theme.Dialog

<style name="MyDialog" parent="android:Theme.Dialog">

//設置Dialog背景樣式,name:背景     @android.color/transparent:顏色
 <item name="android:windowBackground">@android:color/transparent</item>
 </style>



自定義Dialog大功告成,代碼不是很多,也沒什麼難點,就是三個步驟,三個基本點,懂得學會用,你就是高富帥了,。樣式美觀,大方,深受美女喜歡。

今天就到這了,小編該洗洗睡了。晚安,好夢。



發佈了34 篇原創文章 · 獲贊 1 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章