1.點(diǎn)擊按鈕(按鈕的點(diǎn)擊事件在此不在贅述,接下來(lái)直接寫(xiě)底部彈框的實(shí)現(xiàn)方式和樣式的設(shè)計(jì))
2.彈框
Dialog dialog = new Dialog(context, R.style.ActionSheetDialogStyle); //填充對(duì)話框的布局 inflate = LayoutInflater.from(context).inflate(R.layout.dialog_layout, null); // setCancelable(iscancelable);//點(diǎn)擊外部不可dismiss //setCanceledOnTouchOutside(isBackCanCelable); //初始化控件 spinner = (Spinner) inflate.findViewById(R.id.sp); beizhu = (TextView) inflate.findViewById(R.id.beizhu); btn_cancel = (Button) inflate.findViewById(R.id.btn_cancel); btn_ok = (Button) inflate.findViewById(R.id.btn_ok); //將布局設(shè)置給Dialog taskProgress.setContentView(inflate); //獲取當(dāng)前Activity所在的窗體 Window dialogWindow = taskProgress.getWindow(); //設(shè)置Dialog從窗體底部彈出 dialogWindow.setGravity(Gravity.BOTTOM); //獲得窗體的屬性 WindowManager.LayoutParams lp = dialogWindow.getAttributes(); //如果沒(méi)有這行代碼,彈框的內(nèi)容會(huì)自適應(yīng),而不會(huì)充滿父控件 lp.width = WindowManager.LayoutParams.MATCH_PARENT; lp.y = 40;//設(shè)置Dialog距離底部的距離 //將屬性設(shè)置給窗體 dialogWindow.setAttributes(lp); dialog .show();//顯示對(duì)話框 在需要消失地方直接 dialog.dismiss();
3.窗口的樣式
<style name="ActionSheetDialogStyle" parent="@android:style/Theme.Dialog"> <!-- 背景透明 --> <item name="android:windowBackground">@android:color/transparent</item> <item name="android:windowContentOverlay">@null</item> <!-- 浮于Activity之上 --> <item name="android:windowIsFloating">true</item> <!-- 邊框 --> <item name="android:windowFrame">@null</item> <!-- Dialog以外的區(qū)域模糊效果 --> <item name="android:backgroundDimEnabled">true</item> <!-- 無(wú)標(biāo)題 --> <item name="android:windowNoTitle">true</item> <!-- 半透明 --> <item name="android:windowIsTranslucent">true</item> <!-- Dialog進(jìn)入及退出動(dòng)畫(huà) --> <item name="android:windowAnimationStyle">@style/ActionSheetDialogAnimation</item> </style> <!-- ActionSheet進(jìn)出動(dòng)畫(huà) --> <style name="ActionSheetDialogAnimation" parent="@android:style/Animation.Dialog"> <item name="android:windowEnterAnimation">@anim/actionsheet_dialog_in</item> <item name="android:windowExitAnimation">@anim/actionsheet_dialog_out</item> </style>
4.窗口出現(xiàn)和消失的效果
對(duì)話框出現(xiàn)動(dòng)畫(huà)代碼:
<?xml version="1.0" encoding="utf-8"?><translate xmlns:android="http://schemas.android.com/apk/res/android" android:duration="200" android:fromYDelta="100%" android:toYDelta="0" />
對(duì)話框消失的代碼:
<?xml version="1.0" encoding="utf-8"?><translate xmlns:android="http://schemas.android.com/apk/res/android" android:duration="200" android:fromYDelta="0" android:toYDelta="100%" />
5.彈框的整體布局
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_task_progress" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="20dp" android:background="@drawable/lin_style" android:gravity="center_vertical" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="20dp" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:orientation="horizontal"> <TextView android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:text="任務(wù)進(jìn)度" android:textSize="17sp" /> <Spinner android:id="@+id/sp" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="2"></Spinner> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="10dp" android:layout_marginTop="20dp" android:focusable="true" android:focusableInTouchMode="true" android:orientation="horizontal"> <TextView android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:text="備注" android:textSize="17sp" /> <EditText android:id="@+id/beizhu" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="2" android:hint="請(qǐng)輸入備注" /> </LinearLayout> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="10dp" android:layout_marginTop="5dp" android:orientation="horizontal"> <Button android:id="@+id/btn_cancel" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="50dp" android:layout_marginRight="50dp" android:layout_weight="1" android:background="@drawable/button_style" android:minHeight="0dp" android:minWidth="0dp" android:paddingBottom="8dp" android:paddingLeft="10dp" android:paddingRight="10dp" android:paddingTop="8dp" android:text="取消" android:textColor="#fff" /> <Button android:id="@+id/btn_ok" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="50dp" android:layout_marginRight="50dp" android:layout_weight="1" android:background="@drawable/button_style" android:minHeight="0dp" android:minWidth="0dp" android:paddingBottom="8dp" android:paddingLeft="10dp" android:paddingRight="10dp" android:paddingTop="8dp" android:text="確定" android:textColor="#fff" /> </LinearLayout></LinearLayout>
6.lin_style樣式
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="10dp"></corners> <solid android:color="#fff" /></shape>
7.button_style樣式
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="5dp"></corners> <solid android:color="#46b5e9" /></shape>
6.效果圖

總結(jié)
以上所述是小編給大家介紹的Android實(shí)現(xiàn)從底部彈出的Dialog的實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選