Android實現自定義dialog的代碼

這篇文章主要介紹了Android實現自定義dialog的實例代碼,代碼簡單易懂,非常不錯,具有一定的參考借鑑價值,需要的朋友可以參考下

Android自定Dialog

先上效果圖:

1.先在drawable下新建一個drawble resource file,這個文件用於dialog的圓角背景

<?xml version="1.0" encoding="utf-8"?> 2.在layout下新建一個xml文件,這個佈局的背景使用剛剛定義的drawable文件,android:background="@drawable/建的drawable文件" <?xml version="1.0" encoding="utf-8"?>
<TextView
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:text="操作遙控器"
  android:textColor="#585858"
  android:textSize="25dp"
  android:gravity="center"
  />
<TextView
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_margin="5dp"
  android:textColor="#585858"
  android:text="按開關/模式/溫度加減任意一鍵學習"
  android:textSize="20dp"
  android:gravity="center"
  />
<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="140dp"
  android:orientation="horizontal"
  android:padding="10dp"
  >
  <Button
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:background="@mipmap/yaokong"
    android:layout_marginLeft="35dp"
    />
  <!--<ImageView-->
    <!--android:layout_width="100dp"-->
    <!--android:layout_height="wrap_content"-->
    <!--android:src="@mipmap/yaokong"-->
    <!--android:layout_marginLeft="35dp"-->
    <!--/>-->
  <LinearLayout
    android:layout_width="150dp"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_marginLeft="15dp"
    android:layout_marginBottom="5dp"
    >
    <ImageView
      android:layout_width="wrap_content"
      android:layout_height="90dp"
      android:src="@mipmap/xuanhuang" />
    <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center"
      android:text="等待學習按鍵..."
      android:textColor="#585858"
      android:textSize="20dp"
      />
  </LinearLayout>

</LinearLayout>
<LinearLayout
  android:id="@+id/yaokongCancel"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  >
<View
android:layout_width="match_parent"
android:layout_height="1px"
android:layout_marginTop="1dp"
android:background="#8d8d8f"
/>
<TextView
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:layout_marginTop="8dp"
  android:textColor="#1196db"
  android:textSize="25dp"
  android:text="取消"
  />
</LinearLayout>

3.在values的styles設置dialog樣式

4.之後去顯示

package com.example.atry.test;
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
public class tianjiayaokong extends AppCompatActivity {
// 這個爲點擊顯示dialog的佈局
private LinearLayout kongtiaol;
// dialog中的取消
private LinearLayout yaokongCancel;
@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_tianjiayaokong);
  ActionBar actionBar = getSupportActionBar();
  if(actionBar != null) {
    actionBar.hide();
  }
  kongtiaol = findViewById(R.id.kongtiaol);
  kongtiaol.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
      showDialog();
    }
  });
}
/**
 * 顯示dialog
 */
private void showDialog()
{
  LayoutInflater inflater = getLayoutInflater();
  //通過inflate加載出自定義佈局
  View view = inflater.inflate(R.layout.activity_dialog_componet,null);
  final Dialog dialog = new Dialog(this,R.style.custom_dialog);
  dialog.setContentView(view);
  yaokongCancel = view.findViewById(R.id.yaokongCancel);
  yaokongCancel.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
      dialog.dismiss();
    }
  });
  dialog.show();
}
}

總結

以上所述是小編給大家介紹的Android實現自定義dialog的代碼,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回覆大家的!

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