2. 程式人生 > >Android仿ios底部彈出框效果

Android仿ios底部彈出框效果

阿新 • • 發佈：2018-12-30

準備：

public class ActionSheet {
   public interface OnActionSheetSelected {
      void onClick(int whichButton);
}

   private ActionSheet() {
   }

   public static Dialog showSheet(final Context context, final int layoutId,
         final OnActionSheetSelected actionSheetSelected,
         final OnCancelListener cancelListener) {
      final 
 
Dialog dialog = new Dialog(context, R.style.ActionSheet);
      final LayoutInflater inflater = (LayoutInflater) context
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
      final LinearLayout layout = (LinearLayout) inflater.inflate(layoutId,
            null);
      final int cFullFillWidth = 10000
 
;
layout.setMinimumWidth(cFullFillWidth);
      final Window w = dialog.getWindow();
      final WindowManager.LayoutParams lp = w.getAttributes();
lp.x = 0;
      final int cMakeBottom = -1000;
lp.y = cMakeBottom;
lp.gravity = Gravity.BOTTOM;
dialog.onWindowAttributesChanged(lp);
dialog.setCanceledOnTouchOutside(true
 
);
      if (cancelListener != null) {
         dialog.setOnCancelListener(cancelListener);
}

      dialog.setContentView(layout);
dialog.show();
      return dialog;
}
}
<style name="ActionSheet" parent="@android:style/Theme.Dialog">

應用：

private ActionSheet.OnActionSheetSelected mOnActionSheetSelected;
private Dialog mActionSheet;
呼叫showGetPhotoDialog()方法 
public void onActionSheetClicked(final View view) {
   mOnActionSheetSelected.onClick(view.getId());
}

public void setOnSheetClicked(final ActionSheet.OnActionSheetSelected onActionSheetSelected) {
   mOnActionSheetSelected = onActionSheetSelected;
}

private void showGetPhotoDialog() {
   mActionSheet = ActionSheet.showSheet(this, R.layout.actionsheet_dialog, getOnActionSheetClicked(), null);
}

private ActionSheet.OnActionSheetSelected getOnActionSheetClicked() {

   return new ActionSheet.OnActionSheetSelected() {

      @Override
public void onClick(final int whichButton) {
         switch (whichButton) {
            case R.id.tv_button1:
               
               break;
     case R.id.tv_button2:
               
               break;
case R.id.tv_calendar: mActionSheet.dismiss(); break; default: break;} mActionSheet.dismiss();} };} 佈局: 
<?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="wrap_content"
android:background="@color/clear"
android:orientation="vertical"
android:padding="5dp" >
    <TextView
android:id="@+id/tv_botton1"
android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@drawable/actionsheet_top_selector"android:clickable="true"android:gravity="center"android:onClick="onActionSheetClicked"android:text="Button1"android:textSize="18sp" /> <TextViewandroid:id="@+id/tv_botton2"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@drawable/actionsheet_bottom_selector"android:clickable="true"android:gravity="center"android:onClick="onActionSheetClicked"android:text="Button2"android:textColor="@color/green_title_bar"android:textSize="18sp" /> <TextViewandroid:id="@+id/cancel"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:background="@drawable/actionsheet_single_selector"android:clickable="true"android:gravity="center"android:onClick="onActionSheetClicked"android:text="@string/cancle"android:textColor="@color/cancle_blue"android:textSize="18sp" /></LinearLayout>

相關推薦

Android仿ios底部彈出框效果

準備： public class ActionSheet { public interface OnActionSheetSelected { void onClick(int whichButton); } private ActionShee

Android仿ios底部彈框，支援傳入list集合，任意配置個數

不說廢話，一看程式碼誰都懂。   public class BottomDialog { private Context context; private Dialog dialog; private TextView txt_title; p

ios 底部彈出框選單

在IOS開發中，經常用到底部選單，這是一個簡單的底部彈出選單的實現程式碼如下：      標頭檔案（.h）     #import <UIKit/UIKit.h> @interface ShareMenuView : UIView { UIButto

Android DialogFragment實現底部彈出選單效果

底部彈出式選單, 可以使用PopupWindow來做，也可以用自定義View來做。當然這裡採用DialogFragment來做。 DialogFragment是3.0之後引入的，使用DialogFragment，我們不用管理其生命週期，並且可以作為元件重用。比

Android實現從底部彈出Dialog(和PopWindow實現的效果一樣)

上菜,不,上圖:       相信上圖的效果,大家在android 裝置中經常碰到.有時候進行分享操作的時候-----要求從從底部自下而上彈出.上圖中的效果**既可以通過自定義Dialog實現也可以通過自定義PopWindow來實現.**關於popWindow

Android中自定義底部彈出框ButtomDialog

先看看效果和你要的是否一樣 一 、先來配置自定義控制元件需要的資源。 1.在res資料夾下建立一個anim資料夾並建立兩個slide_in_bottom.xml、slide_out_bottom.xml檔案，負責彈框進出動畫。 <?xml version="1.0" enco

android 點選 頭像對應的 底部彈出框拍照，相簿取消 簡單實現

標準 看完這個帖子一定看看這個， 兩個結合 ， 實現  拍照 相簿 回撥 主頁面佈局  這裡對應的就是一個點選事件 實現 ， <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:and

蒙版彈出框效果

miss over 蒙版 bsp reat roi ges title reg 自定義 package cn.lxsdb.yyd.app.dialog; import cn.lxsdb.yyd.app.R; import cn.lxsdb.yyd.app.

Android 多種簡單的彈出框樣式設定

簡介 這是一個基於AlertDialog和Dialog這兩個類封裝的多種彈出框樣式，其中提供各種簡單樣式的彈出框使用說明。同時也可自定義彈出框。 專案地址：https://github.com/Liumce/jjdxm_dialogui 特性 1.使用鏈式開發程式碼簡潔明瞭2.所有的彈出

仿ios底部彈窗選單按鈕

layout佈局實現listview+button具體看程式碼： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_pa

flutter showbottomsheet 底部彈出框

關閉的方法：向下滑動即可關閉。   onPressed: (){ Scaffold.of(context).showBottomSheet((BuildContext context){ return Row(

flutter showbottomsheet showmodalbottomsheet底部彈出框

關閉的方法：向下滑動即可關閉。   onPressed: (){ Scaffold.of(context).showBottomSheet((BuildContext context){ return Row(

toast彈出框效果

js程式碼 1 //toast彈出框 2 var layerTime; 3 function layer(txt, time) { 4 clearTimeout(layerTime); 5 var times = time || 2000; 6 $(".la

Android 解決介面底部彈出dialog被虛擬按鍵遮擋一部分的問題

mDialog.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION); mDialog.getWindow().getDecorView().setOnSystemUiVisibilityCh

仿蘋果底部彈出Dialog

style檔案 <style name="ActionSheetDialogStyle" parent="@android:style/Theme.Dialog"> <!-- 背景透明 -->

android 仿 ios 搜尋介面跳轉效果

最新寫專案的時候，看到搜尋介面的跳轉基本都是點選搜尋然後跳轉到下個頁面，android 微信上則是 類似toolbar的效果，而ios 上則是一個搜尋框上移然後顯示新介面的一個效果。仔細研究了下發現和android 的 共享元素的過渡實現 的效果很像，所以在此模

Android的幾種彈出框

appcompat eight err alert utf 最大值 ket 1.0 創建 項目效果圖: 新建一個項目,結構圖如下所示: activity_main.xml: <?xml version="1.0" encoding="

Android實現從底部彈出的Dialog

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xml

Android AlertDialog 動態更新彈出框中的內容

AlertDialog彈出框中內容自動更新，效果圖： Android 的AlertDialog中的Message一旦設定，在Dialog彈出後，顯示過程中，不能改變其中的Msg值，其中如果你使用 mAlertDialog.setMessage(“New Value”);

使用jQuery實現彈出框效果

一，背景 由於在專案中需要用到的一個頁面效果是彈出框，在專案中我使用jquery的ui外掛，來實現這個功能，用法也比較簡單 二，準備環境 1）引入jquery外掛。 在index.html中的頭部加上，以下程式碼 <linkrel="stylesheet"href