Android如何自定義升級對話框示例詳解
前言
本文主要給大家介紹了關(guān)于Android自定義升級對話框的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。
實(shí)現(xiàn)的效果如下所示
其實(shí)這也只是一個DialogFragment 而已,重點(diǎn)只是在于界面的設(shè)計(jì)
想要使用做出這樣一個DialogFragment ,需要自定義一個View,然后將該View傳入到該Dialog中
先定義布局,一個TextView用于標(biāo)題,一個TextView用于升級內(nèi)容闡述,一個ImageView,一個確認(rèn)升級的按鈕
<?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>
當(dāng)中,按鈕需要用到自定義Style
<!--用于按鈕的藍(lán)色背景風(fēng)格--> <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> <!--用于藍(lán)色風(fēng)格按鈕的文本風(fēng)格--> <style name="blueButtonTextStyle"> <item name="android:textColor">@android:color/white</item> <item name="android:textSize">17sp</item> </style>
建立 DialogFragment 的子類
/** * 作者: 葉應(yīng)是葉 * 時間: 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 中調(diào)用Dialog
public void showDialog(View view) { final VersionDialogFragment dialogFragment = VersionDialogFragment.getInstance("2.0.1新版本發(fā)布啦", "更多功能等你體驗(yàn)"); dialogFragment.show(getSupportFragmentManager(), new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "進(jìn)行更新操作吧", Toast.LENGTH_SHORT).show(); dialogFragment.dismiss(); } }); }
此時界面是這樣的
可以看到 Dialog 中有較大的空白區(qū),顯得有點(diǎn)虛浮
這里可以選擇在 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); } } }
這里設(shè)置占據(jù)屏幕寬度的百分之七十
效果圖如下所示
此時 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設(shè)置透明背景色
@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 自定義升級對話框
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對各位Android開發(fā)者們的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關(guān)文章
Android studio點(diǎn)擊跳轉(zhuǎn)WebView詳解
這篇文章主要為大家詳細(xì)介紹了Android studio點(diǎn)擊跳轉(zhuǎn)WebView的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09Android開源框架的SlidingFragment的使用示例
今天小編就為大家分享一篇關(guān)于Android開源框架的SlidingFragment的使用示例,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-03-03android開發(fā)教程之獲取power_profile.xml文件的方法(android運(yùn)行時能耗值)
在Android手機(jī)中,對于手機(jī)中的每個部件(cpu、led、gps、3g等等)運(yùn)行時對應(yīng)的能耗值都放在power_profile.xml文件中2014-02-02Android中Binder詳細(xì)學(xué)習(xí)心得
這篇文章主要介紹了Android中Binder詳細(xì)學(xué)習(xí)心得,并分析了Binder的詳細(xì)用法,需要的朋友參考下吧。2018-01-01Android BSearchEdit 搜索結(jié)果選擇框的實(shí)例代碼
EditText搜索結(jié)果下拉框、自動or回調(diào)模式、可diy、使用超簡便。這篇文章主要介紹了Android BSearchEdit 搜索結(jié)果選擇框的實(shí)例代碼,需要的朋友可以參考下2019-10-10android實(shí)現(xiàn)雙日期選擇控件(可隱藏日,只顯示年月)
本篇文章主要介紹了android實(shí)現(xiàn)雙日期選擇控件(可隱藏日,只顯示年月) ,非常具有實(shí)用價值,需要的朋友可以參考下。2017-01-01Android編程監(jiān)聽APK安裝與刪除等過程的方法
這篇文章主要介紹了Android編程監(jiān)聽APK安裝與刪除等過程的方法,涉及Android事件監(jiān)聽、權(quán)限控制、廣播操作等相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-10-10Android編程實(shí)現(xiàn)保存圖片到系統(tǒng)圖庫的方法示例
這篇文章主要介紹了Android編程實(shí)現(xiàn)保存圖片到系統(tǒng)圖庫的方法,結(jié)合實(shí)例形式分析了Android保存圖片到系統(tǒng)圖庫的常見操作方法、注意事項(xiàng)與相關(guān)問題解決技巧,需要的朋友可以參考下2017-08-08