搜索
简帛阁>技术文章>Android如何自定义升级对话框示例详解

Android如何自定义升级对话框示例详解

前言

本文主要给大家介绍了关于Android自定义升级对话框的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

实现的效果如下所示


其实这也只是一个DialogFragment 而已,重点只是在于界面的设计

想要使用做出这样一个DialogFragment ,需要自定义一个View,然后将该View传入到该Dialog中

先定义布局,一个TextView用于标题,一个TextView用于升级内容阐述,一个ImageView,一个确认升级的按钮

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical">

 <TextView
 android:id="@+id/tv_title"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginTop="20dp"
 android:gravity="center"
 android:textColor="#0474dc"
 android:textSize="22sp"
 android:textStyle="bold" />

 <TextView
 android:id="@+id/tv_description"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginTop="15dp"
 android:gravity="center"
 android:textColor="#0474dc"
 android:textSize="18sp" />

 <ImageView
 android:layout_width="70dp"
 android:layout_height="70dp"
 android:layout_gravity="center"
 android:layout_marginBottom="20dp"
 android:layout_marginTop="20dp"
 android:src="@drawable/upgrade" />

 <Button
 android:id="@+id/btn_upgrade"
 style="@style/blueButtonStyle"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginBottom="20dp"
 android:layout_marginEnd="20dp"
 android:layout_marginStart="20dp"
 android:gravity="center"
 android:text="立即更新" />

</LinearLayout>

当中,按钮需要用到自定义Style

 <!--用于按钮的蓝色背景风格-->
 <style name="blueButtonStyle" parent="Widget.AppCompat.Button.Borderless">
 <item name="android:background">@drawable/button_blue_background</item>
 <item name="android:textAppearance">@style/blueButtonTextStyle</item>
 </style>
 <!--用于蓝色风格按钮的文本风格-->
 <style name="blueButtonTextStyle">
 <item name="android:textColor">@android:color/white</item>
 <item name="android:textSize">17sp</item>
 </style>

建立 DialogFragment 的子类

/**
 * 作者: 叶应是叶
 * 时间: 2017/3/23 12:36
 * 描述:
 */
public class VersionDialogFragment extends DialogFragment {

 private static final String TITLE = "title";

 private static final String DESCRIPTION = "description";

 private View.OnClickListener positiveCallback;

 private String title;

 private String description;

 public static VersionDialogFragment getInstance(String title, String description) {
  Bundle bundle = new Bundle();
  bundle.putString(TITLE, title);
  bundle.putString(DESCRIPTION, description);
  VersionDialogFragment versionDialogFragment = new VersionDialogFragment();
  versionDialogFragment.setArguments(bundle);
  return versionDialogFragment;
 }

 @Override
 public void onCreate(@Nullable Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  Bundle bundle = getArguments();
  title = bundle.getString(TITLE);
  description = bundle.getString(DESCRIPTION);
 }

 public void show(FragmentManager fragmentManager, View.OnClickListener positiveCallback) {
  this.positiveCallback = positiveCallback;
  show(fragmentManager, "VersionDialogFragment");
 }

 @NonNull
 @Override
 public Dialog onCreateDialog(Bundle savedInstanceState) {
  AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
  LayoutInflater inflater = getActivity().getLayoutInflater();
  final View view = inflater.inflate(R.layout.version_dialog, null);
  TextView tv_title = (TextView) view.findViewById(R.id.tv_title);
  TextView tv_description = (TextView) view.findViewById(R.id.tv_description);
  Button btn_upgrade = (Button) view.findViewById(R.id.btn_upgrade);
  tv_title.setText(title);
  tv_description.setText(description);
  btn_upgrade.setOnClickListener(positiveCallback);
  builder.setView(view);
  return builder.create();
 }

}

然后再到 MainActivity 中调用Dialog

public void showDialog(View view) {
  final VersionDialogFragment dialogFragment = VersionDialogFragment.getInstance("2.0.1新版本发布啦", "更多功能等你体验");
  dialogFragment.show(getSupportFragmentManager(), new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    Toast.makeText(MainActivity.this, "进行更新操作吧", Toast.LENGTH_SHORT).show();
    dialogFragment.dismiss();
   }
  });
 }

此时界面是这样的


可以看到 Dialog 中有较大的空白区,显得有点虚浮

这里可以选择在 VersionDialogFragment 的 onStart() 方法中指定 Dialog 所占屏幕宽度的比例

 @Override
 public void onStart() {
  super.onStart();
  Dialog dialog = getDialog();
  if (dialog != null) {
   DisplayMetrics dm = new DisplayMetrics();
   getActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);
   if (dialog.getWindow() != null) {
    dialog.getWindow().setLayout((int) (dm.widthPixels * 0.7), ViewGroup.LayoutParams.WRAP_CONTENT);
   }
  }
 }

这里设置占据屏幕宽度的百分之七十

效果图如下所示


此时 Dialog 的四个角还都是直的,这里再来将之修改为圆角

在drawable文件夹下新建一个root.xml文件,作为Dialog使用到的布局的根Layout的背景

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">
 <corners android:radius="20dp" />
 <solid android:color="#ffffff" />
</shape>
 @Override
 public void onStart() {
  super.onStart();
  Dialog dialog = getDialog();
  if (dialog != null) {
   DisplayMetrics dm = new DisplayMetrics();
   getActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);
   if (dialog.getWindow() != null) {
    dialog.getWindow().setLayout((int) (dm.widthPixels * 0.8), ViewGroup.LayoutParams.WRAP_CONTENT);
   }
  }
 }

然后再修改onStart()方法,为Dialog的Window设置透明背景色

 @Override
 public void onStart() {
  super.onStart();
  Dialog dialog = getDialog();
  if (dialog != null) {
   DisplayMetrics dm = new DisplayMetrics();
   getActivity().getWindowManager().getDefaultDisplay().getMetrics(dm);
   if (dialog.getWindow() != null) {
    dialog.getWindow().setLayout((int) (dm.widthPixels * 0.7), ViewGroup.LayoutParams.WRAP_CONTENT);
    dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent);
   }
  }
 }

这样,总的效果就都完成了

这里提供示例代码下载:Android 自定义升级对话框

总结

置AVD时有些参数比较模糊,特地找了篇文章,大家参考下!本文根据如下的模拟器安装做一些解释:Name:自定义虚拟的名称,不能有空格或者其他非法字符,否则不能创建,即CreatAVD不能高亮点击。Ta
PassayearlearninginHangzhou,yifenfeiarrivalhometownNingboatfinallyLeaveNingbooneyear,yifenfeihaveman
C(n,m)从n个字符中选取m个字符,获得所有的组合用编程实现C(n,m)组合问题,可以用递归的方法的解决,将n个字符排列成一条流水线,然后从第一个字符开始选取,并且将已经选取的字符进行保存,如果已经
A(M,N)是从M个不同元素中选N个元素的排列数(区分元素排列先后顺序)C(M,N)是从M个不同元素中选N个元素的组合数(不区分元素排列先后顺序)C(n,m)n!/m!(nm)!故C(4,1)4!/3
1、/***获取模版文件格式资源://模块@主题/控制器/操作*@paramstring$template模版资源地址*@paramstring$layer视图层(目录)名称*@returnstrin
易语言求N次方,希望大家都能学懂。非无私奉献,拒绝看经验不回复,学懂了记得按照下面做:在底部点击相关按钮,给我投票和点赞。有心得或者疑问,点击相关按钮反馈。具体操作请看图。1、易语言新建一个wind
大家都知道,官方一直宣传称自由篮球的手感是120FPS,无延迟流畅。但实际上,所有使用全屏模式游戏的玩家,都无一例外的有明显的操作延迟,因为帧数永远保持在60FPS以下!有人就说了,可以在显卡面板里强
如果一个scanf的格式串以\n结尾,那么在读取完后还会阻塞等待,比如:inta;scanf(%d\n,&a);这种情况,输入一个数字然后敲下回车后,程序还是阻塞着的。为什么呢?在仔细读了一遍《C程
vara{<!>n:1};varba;axa{<!>n:2};consolelog(a,b)解析器在接受到aax{n:2}这样的语句后,会这样做:找到a和ax的指针。如果已有指
SA+A^2+A^3+…+A^kA是一个n*n矩阵SampleInput224//nkMOD0111SampleOutput1223先求I+A+A^2+A^3+…+A^kI为单位矩阵我们来设置这样一个