android如何實(shí)現(xiàn)自定義彈出框樣式

這篇文章主要為大家展示了android如何實(shí)現(xiàn)自定義彈出框樣式，內(nèi)容簡而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。

站在用戶的角度思考問題，與客戶深入溝通，找到新鄉(xiāng)網(wǎng)站設(shè)計(jì)與新鄉(xiāng)網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站建設(shè)、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋新鄉(xiāng)地區(qū)。

前言：

做項(xiàng)目時(shí)，感覺android自帶的彈出框樣式比較丑，很多應(yīng)用都是自己做的彈出框，這里也試著自己做了一個(gè)。

廢話不說先上圖片：

android如何實(shí)現(xiàn)自定義彈出框樣式

實(shí)現(xiàn)機(jī)制

1.先自定義一個(gè)彈出框的樣式

2.自己實(shí)現(xiàn)CustomDialog類，繼承自Dialog，實(shí)現(xiàn)里面方法，在里面加載自定義樣式的彈出框；

3.使用時(shí)，與使用Dialog一樣

具體代碼

dialog_normal_layout.xml樣式文件

<&#63;xml version="1.0" encoding="utf-8"&#63;>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:clickable="true"
  android:orientation="vertical"
  android:padding="20.0dip" >
 
  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:background="@drawable/bg_bombbox"
    android:orientation="vertical" >
 
    <TextView
      android:id="@+id/title"
      
      android:layout_width="fill_parent"
      android:layout_height="40.0dip"
      android:gravity="center"
      android:text="@string/title_alert"
      android:visibility="visible" />
 
    <LinearLayout
      android:id="@+id/content"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:gravity="center" >
 
 
      <TextView
        android:id="@+id/message"
        
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="left|center"
        android:lineSpacingMultiplier="1.5"
        android:minHeight="120.0dip"
        android:paddingBottom="15.0dip"
        android:paddingLeft="20.0dip"
        android:paddingRight="20.0dip"
        android:paddingTop="15.0dip" />
    </LinearLayout>
 
    <View
      android:layout_width="fill_parent"
      android:layout_height="1.0px"
      android:background="#ffd0d0d0" />
 
    <LinearLayout
      android:layout_width="fill_parent"
      android:layout_height="60.0dip"
      android:layout_gravity="bottom"
      android:background="@drawable/dialog_bottom_bg"
      android:gravity="center"
      android:orientation="horizontal" >
 
      <Button
        android:id="@+id/positiveButton"
        
        android:layout_width="114.0dip"
        android:layout_height="40.0dip"
        android:background="@drawable/btn_ok_selector"
        android:gravity="center"
        android:text="@string/ok" />
 
      <Button
        android:id="@+id/negativeButton"
        
        android:layout_width="114.0dip"
        android:layout_height="40.0dip"
        android:layout_marginLeft="20.0dip"
        android:background="@drawable/btn_cancel_selector"
        android:gravity="center"
        android:text="@string/cancel" />
    </LinearLayout>
  </LinearLayout>
 
</FrameLayout>

其中引用的樣式文件styles.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>
<resources xmlns:android="http://schemas.android.com/apk/res/android">
 
  <style name="AppBaseTheme" parent="android:Theme.Light"></style>
 
  <style name="AppTheme" parent="AppBaseTheme"></style>
 
  <style name="text_18_ffffff">
    <item name="android:textSize">18.0dip</item>
    <item name="android:textColor">#ffffffff</item>
  </style>
 
  <style name="text_16_666666">
    <item name="android:textSize">16.0dip</item>
    <item name="android:textColor">#ff666666</item>
  </style>
 
  <style name="sdw_white">
    <item name="android:shadowColor">#7fffffff</item>
    <item name="android:shadowDx">0.0</item>
    <item name="android:shadowDy">0.65</item>
    <item name="android:shadowRadius">1.0</item>
  </style>
 
  <style name="sdw_79351b">
    <item name="android:shadowColor">#ff79351b</item>
    <item name="android:shadowDx">0.0</item>
    <item name="android:shadowDy">1.0</item>
    <item name="android:shadowRadius">1.0</item>
  </style>
 
  <style name="text_15_ffffff_sdw" parent="@style/sdw_79351b">
    <item name="android:textSize">15.0dip</item>
    <item name="android:textColor">#ffffffff</item>
  </style>
 
  <style name="text_15_666666_sdw" parent="@style/sdw_white">
    <item name="android:textSize">15.0dip</item>
    <item name="android:textColor">#ff666666</item>
  </style>
 
  <style name="Dialog" parent="android:style/Theme.Dialog">
    <item name="android:background">#00000000</item>
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowIsFloating">true</item>
  </style>
 
</resources>

自定義Dialog的實(shí)現(xiàn)類CustomDialog

package com.dyr.custom;
 
import android.app.Dialog;
import android.content.Context;
import android.content.DialogInterface;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;
 
import com.dyr.view.R;
 
public class CustomDialog extends Dialog {
 
 public CustomDialog(Context context) {
 super(context);
 }
 
 public CustomDialog(Context context, int theme) {
 super(context, theme);
 }
 
 public static class Builder {
 private Context context;
 private String title;
 private String message;
 private String positiveButtonText;
 private String negativeButtonText;
 private View contentView;
 private DialogInterface.OnClickListener positiveButtonClickListener;
 private DialogInterface.OnClickListener negativeButtonClickListener;
 
 public Builder(Context context) {
  this.context = context;
 }
 
 public Builder setMessage(String message) {
  this.message = message;
  return this;
 }
 
 /**
  * Set the Dialog message from resource
  * 
  * @param title
  * @return
  */
 public Builder setMessage(int message) {
  this.message = (String) context.getText(message);
  return this;
 }
 
 /**
  * Set the Dialog title from resource
  * 
  * @param title
  * @return
  */
 public Builder setTitle(int title) {
  this.title = (String) context.getText(title);
  return this;
 }
 
 /**
  * Set the Dialog title from String
  * 
  * @param title
  * @return
  */
 
 public Builder setTitle(String title) {
  this.title = title;
  return this;
 }
 
 public Builder setContentView(View v) {
  this.contentView = v;
  return this;
 }
 
 /**
  * Set the positive button resource and it's listener
  * 
  * @param positiveButtonText
  * @return
  */
 public Builder setPositiveButton(int positiveButtonText,
  DialogInterface.OnClickListener listener) {
  this.positiveButtonText = (String) context
   .getText(positiveButtonText);
  this.positiveButtonClickListener = listener;
  return this;
 }
 
 public Builder setPositiveButton(String positiveButtonText,
  DialogInterface.OnClickListener listener) {
  this.positiveButtonText = positiveButtonText;
  this.positiveButtonClickListener = listener;
  return this;
 }
 
 public Builder setNegativeButton(int negativeButtonText,
  DialogInterface.OnClickListener listener) {
  this.negativeButtonText = (String) context
   .getText(negativeButtonText);
  this.negativeButtonClickListener = listener;
  return this;
 }
 
 public Builder setNegativeButton(String negativeButtonText,
  DialogInterface.OnClickListener listener) {
  this.negativeButtonText = negativeButtonText;
  this.negativeButtonClickListener = listener;
  return this;
 }
 
 public CustomDialog create() {
  LayoutInflater inflater = (LayoutInflater) context
   .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  // instantiate the dialog with the custom Theme
  final CustomDialog dialog = new CustomDialog(context,R.style.Dialog);
  View layout = inflater.inflate(R.layout.dialog_normal_layout, null);
  dialog.addContentView(layout, new LayoutParams(
   LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
  // set the dialog title
  ((TextView) layout.findViewById(R.id.title)).setText(title);
  // set the confirm button
  if (positiveButtonText != null) {
  ((Button) layout.findViewById(R.id.positiveButton))
   .setText(positiveButtonText);
  if (positiveButtonClickListener != null) {
   ((Button) layout.findViewById(R.id.positiveButton))
    .setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {
     positiveButtonClickListener.onClick(dialog,
      DialogInterface.BUTTON_POSITIVE);
    }
    });
  }
  } else {
  // if no confirm button just set the visibility to GONE
  layout.findViewById(R.id.positiveButton).setVisibility(
   View.GONE);
  }
  // set the cancel button
  if (negativeButtonText != null) {
  ((Button) layout.findViewById(R.id.negativeButton))
   .setText(negativeButtonText);
  if (negativeButtonClickListener != null) {
   ((Button) layout.findViewById(R.id.negativeButton))
    .setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {
     negativeButtonClickListener.onClick(dialog,
      DialogInterface.BUTTON_NEGATIVE);
    }
    });
  }
  } else {
  // if no confirm button just set the visibility to GONE
  layout.findViewById(R.id.negativeButton).setVisibility(
   View.GONE);
  }
  // set the content message
  if (message != null) {
  ((TextView) layout.findViewById(R.id.message)).setText(message);
  } else if (contentView != null) {
  // if no message set
  // add the contentView to the dialog body
  ((LinearLayout) layout.findViewById(R.id.content))
   .removeAllViews();
  ((LinearLayout) layout.findViewById(R.id.content))
   .addView(contentView, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
  }
  dialog.setContentView(layout);
  return dialog;
 }
 }
}

使用代碼

CustomDialog.Builder builder = new CustomDialog.Builder(this);
 builder.setMessage("這個(gè)就是自定義的提示框");
 builder.setTitle("提示");
 builder.setPositiveButton("確定", new DialogInterface.OnClickListener() {
  public void onClick(DialogInterface dialog, int which) {
  dialog.dismiss();
  //設(shè)置你的操作事項(xiàng)
  }
 });
 
 builder.setNegativeButton("取消",
  new android.content.DialogInterface.OnClickListener() {
   public void onClick(DialogInterface dialog, int which) {
   dialog.dismiss();
   }
  });
 
builder.create().show();

至此，自定義彈出框已經(jīng)完成，是不是感覺很簡單呢。

以上就是關(guān)于android如何實(shí)現(xiàn)自定義彈出框樣式的內(nèi)容，如果你們有學(xué)習(xí)到知識或者技能，可以把它分享出去讓更多的人看到。

當(dāng)前題目：android如何實(shí)現(xiàn)自定義彈出框樣式
URL鏈接：http://muchs.cn/article48/ghhgep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、做網(wǎng)站、全網(wǎng)營銷推廣、面包屑導(dǎo)航、定制開發(fā)、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)