1. 程式人生 > >【android】IOS風格的對話方塊

【android】IOS風格的對話方塊

English|中文

一個高仿ios的文字、提示、item、grid的全域性和區域性對話方塊

該對話方塊專案基於Databinding和Recyclerview的全域性對話方塊是為了解決原生對話方塊在某些手機上面不支援展示的問題,區域性對話方塊是順便一起寫的,全域性對話方塊就算是app進入後臺也能顯示到啟動器裡面的

全域性對話方塊:

顧名思義就是不管在什麼時候都可以直接彈出,比較適合做一些強制彈窗的功能,例如:升級對話方塊,通知對話方塊等等

區域性對話方塊:

顧名思義就是依賴於某個activity或者fragment的才能彈出的對話方塊,一旦脫離這些上下文,就無法正常執行

使用方法:

根build.gradle的allprojects加入maven { url ‘https://dl.bintray.com/chyhongye/IOSDialog’ }

allprojects {
    repositories {
        ...
        maven { url 'https://dl.bintray.com/chyhongye/IOSDialog' }
        ...
    }
}  

app的build.gradle的dependencies加入implementation ‘com.chy.dialog:IOSDialog:1.0.0’

dependencies {
    ...
    implementation 'com.chy.dialog:IOSDialog:1.0.0'
    ...
}  

app的build.gradle的android加入dataBinding {enabled = true}

android {
   ...
    defaultConfig {
       ...
    }
    buildTypes {
        ...
    }
    dataBinding {
        enabled = true
    }
}

預覽圖

Preview

  • 全域性對話方塊使用方法
  • 區域性對話方塊使用方法

截圖

Text_Dialog

Text_Dialog

Regular_Right_Dialog

Regular_Right_Dialog

Item_Dialog

Item_Dialog

Grid_Dialog

Grid_Dialog

Global Delayed start

Global Delayed start
Global Delayed start

Local Delayed start

Local Delayed start
Local Delayed start

完整的使用教程

public class MainActivity extends AppCompatActivity {
    private ActivityMainBinding mainBinding;
    private String[] strs;
    private ArrayList<ContentBean> list = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        init();
    }

    private void init() {
        strs = new String[9];
        for (int i = 0; i < 9; i++) {
            strs[i] = "選單" + i;
        }
        for (int i = 0; i < 20; i++) {
            list.add(new ContentBean("功能" + i, R.mipmap.ic_launcher_round));
        }
    }

    public void onClick(View view) {
        switch (view.getId()) {
            //全域性對話方塊
            case R.id.btn_text_dialog1:
                GlobalTextDialog globalTextDialog = GlobalTextDialog.getInstance(new CHYOnRightClickListener() {
                    @Override
                    public void onRightClick(View view) {
                        Toast.makeText(MainActivity.this, "點選了全域性對話方塊的rightButton", Toast.LENGTH_SHORT).show();
                    }
                });
                //原始狀態的設定內容
                startActivity(globalTextDialog.show(this, new ContentBean("我是內容區", "好的")));
                //改變文字顏色並設定內容
                //startActivity(globalTextDialog.show(this, new ContentBean("我是內容區", "好的"), new ColorBean(Color.RED, Color.BLUE)));
                //改變文字大小並設定內容
                //startActivity(globalTextDialog.show(this, new ContentBean("我是內容區", "好的"), new SizeBean(60f, 90f)));
                //同時改變文字大小和顏色並設定內容
                //startActivity(globalTextDialog.show(this, new ContentBean("我是內容區", "好的"), new ColorBean(Color.RED, Color.BLUE), new SizeBean(60f, 90f)));
                break;
            case R.id.btn_right_dialog1:
                startGlobalDialog(GlobalRegularDialog.DIALOG_TYPE.RIGHT_DIALOG);
                break;
            case R.id.btn_error_dialog1:
                startGlobalDialog(GlobalRegularDialog.DIALOG_TYPE.ERROR_DIALOG);
                break;
            case R.id.btn_warning_dialog1:
                startGlobalDialog(GlobalRegularDialog.DIALOG_TYPE.WARNING_DIALOG);
                break;
            case R.id.btn_information_dialog1:
                startGlobalDialog(GlobalRegularDialog.DIALOG_TYPE.INFORMATION_DIALOG);
                break;
            case R.id.btn_item_dialog1:
                GlobalItemDialog globalItemDialog = GlobalItemDialog.getInstance(null, new CHYOnItemClickListener() {
                    @Override
                    public void onItemClick(View view, int position) {
                        Toast.makeText(MainActivity.this, "" + position, Toast.LENGTH_SHORT).show();
                    }
                });
                //原始狀態的設定內容
                startActivity(globalItemDialog.show(this, strs));
                //改變文字顏色並設定內容
                //startActivity(globalItemDialog.show(this, strs,new ColorBean()));
                //改變文字大小並設定內容
                //startActivity(globalItemDialog.show(this, strs,new SizeBean(30f,0f)));
                //同時改變文字大小和顏色並設定內容
                //startActivity(globalItemDialog.show(this, strs,new ColorBean(),new SizeBean(30f,30f)));
                break;
            case R.id.btn_grid_dialog1:
                GlobalGridDialog globalGridDialog = GlobalGridDialog.getInstance(new CHYOnGridClickListener() {
                    @Override
                    public void onGridClick(View view, String title) {
                        Toast.makeText(MainActivity.this, title, Toast.LENGTH_SHORT).show();
                    }
                });
                //原始狀態的設定內容
                startActivity(globalGridDialog.show(this, list));
                //改變文字顏色並設定內容
                //startActivity(globalGridDialog.show(this, list,Color.GREEN));
                //改變文字大小並設定內容
                //startActivity(globalGridDialog.show(this, list,30f));
                //同時改變文字大小和顏色並設定內容
                //startActivity(globalGridDialog.show(this, list,Color.GREEN,30f));
                break;
            case R.id.btn_delayed_start1:
                moveTaskToBack(true);
                Toast.makeText(MainActivity.this, "程式已進入後臺狀態,4s後將啟動一個全域性對話方塊", Toast.LENGTH_LONG).show();
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        GlobalTextDialog globalTextDialog = GlobalTextDialog.getInstance(new CHYOnRightClickListener() {
                            @Override
                            public void onRightClick(View view) {
                                Intent intent = new Intent(MainActivity.this, MainActivity.class);
                                intent.addFlags(Intent.FLAG_ACTIVITY_SINGLE_TOP);
                                startActivity(intent);

                            }
                        });
                        startActivity(globalTextDialog.show(MainActivity.this, new ContentBean("點選\"啟動\"按鈕即可啟動App", "啟動")));
                    }
                }, 4000);
                break;
            //區域性對話方塊
            case R.id.btn_text_dialog2:
                final LocalTextDialog localTextDialog = new LocalTextDialog(this);
                localTextDialog.createDialog(new ContentBean("我是內容", "好的"), new CHYOnRightClickListener() {
                    @Override
                    public void onRightClick(View view) {
                        Toast.makeText(MainActivity.this, "點選了局部對話方塊的rightButton", Toast.LENGTH_SHORT).show();
                        localTextDialog.dismiss();
                    }
                });
                //設定字型顏色
                //localTextDialog.setTextColor(new ColorBean(Color.RED, Color.BLUE, Color.GREEN, Color.RED));
                //設定字型大小
                //localTextDialog.setTextSize(new SizeBean(80f, 50f, 60f, 60f));
                //設定背景
                localTextDialog.setBackgroundResource(R.mipmap.ic_dialog, false);
                break;
            case R.id.btn_right_dialog2:
                startLocalDialog(LocalRegularDialog.DIALOG_TYPE.RIGHT_DIALOG);
                break;
            case R.id.btn_error_dialog2:
                startLocalDialog(LocalRegularDialog.DIALOG_TYPE.ERROR_DIALOG);
                break;
            case R.id.btn_warning_dialog2:
                startLocalDialog(LocalRegularDialog.DIALOG_TYPE.WARNING_DIALOG);
                break;
            case R.id.btn_information_dialog2:
                startLocalDialog(LocalRegularDialog.DIALOG_TYPE.INFORMATION_DIALOG);
                break;
            case R.id.btn_item_dialog2:
                LocalItemDialog localItemDialog = new LocalItemDialog(this);
                localItemDialog.createDialog(strs, "取消", new CHYOnItemClickListener() {
                    @Override
                    public void onItemClick(View view, int position) {
                        Toast.makeText(MainActivity.this, "" + position, Toast.LENGTH_SHORT).show();
                    }
                });
                //localItemDialog.setCancelButtonColor(Color.RED);
                //localItemDialog.setCancelButtonSize(50f);
                //設定item字型顏色
                //localItemDialog.setContentColor(Color.GREEN);
                //設定item字型大小
                //localItemDialog.setContentSize(30f);
                break;
            case R.id.btn_grid_dialog2:
                //啟動方式1
                LocalGridDialog fragment = LocalGridDialog.getInstance(list, new CHYOnGridClickListener() {
                    @Override
                    public void onGridClick(View view, String title) {
                        Toast.makeText(MainActivity.this, title, Toast.LENGTH_SHORT).show();
                    }
                });

                //啟動方式2
                //Bundle bundle = new Bundle();
                //bundle.putFloat("size", 30f);
                //bundle.putInt("color", Color.GREEN);
                //bundle.putSerializable("content", list);
                //LocalGridDialog fragment = LocalGridDialog.getInstance(bundle, new CHYOnGridClickListener() {
                //    @Override
                //    public void onGridClick(View view, String title) {
                //        Toast.makeText(MainActivity.this, title, Toast.LENGTH_SHORT).show();
                //   }
                //});

                //啟動方式3
                //LocalGridDialog fragment = LocalGridDialog.getInstance(Color.BLUE, 30f, list, new CHYOnGridClickListener() {
                //    @Override
                //    public void onGridClick(View view, String title) {
                //        Toast.makeText(MainActivity.this, title, Toast.LENGTH_SHORT).show();
                //    }
                //});
                fragment.show(getSupportFragmentManager(), null);
                break;
            case R.id.btn_delayed_start2:
                moveTaskToBack(true);
                Toast.makeText(MainActivity.this, "程式已進入後臺狀態,4s後將啟動一個區域性對話方塊", Toast.LENGTH_LONG).show();
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(MainActivity.this, "對話方塊已啟動,請到程式內部檢視", Toast.LENGTH_LONG).show();
                        final LocalTextDialog localTextDialog = new LocalTextDialog(MainActivity.this);
                        localTextDialog.createDialog(new ContentBean("我是內容", "好的"), new CHYOnRightClickListener() {
                            @Override
                            public void onRightClick(View view) {
                                Toast.makeText(MainActivity.this, "點選了局部對話方塊的rightButton", Toast.LENGTH_SHORT).show();
                                localTextDialog.dismiss();
                            }
                        });
                    }
                }, 4000);
                break;
        }
    }


    /**
     * 啟動全域性對話方塊
     *
     * @param dialogType 對話方塊型別
     */
    private void startGlobalDialog(final GlobalRegularDialog.DIALOG_TYPE dialogType) {
        GlobalRegularDialog globalRegularDialog = GlobalRegularDialog.getInstance(dialogType, new CHYOnRightClickListener() {
            @Override
            public void onRightClick(View view) {
                Toast.makeText(MainActivity.this, "點選了全域性對話方塊的" + dialogType + "的rightButton", Toast.LENGTH_SHORT).show();
            }
        }, new CHYOnCancelClickListener() {
            @Override
            public void onCancelClick(View view) {
                Toast.makeText(MainActivity.this, "點選了全域性對話方塊的" + dialogType + "的cancelButton", Toast.LENGTH_SHORT).show();
            }
        });
        //原始狀態的設定內容
        //startActivity(globalRegularDialog.show(this, new ContentBean("我是內容區", "好的")));
        startActivity(globalRegularDialog.show(this, new ContentBean("我是標題", "我是內容區", "取消", "好的")));
        //改變文字顏色並設定內容
        //startActivity(globalRegularDialog.show(this, new ContentBean("我是標題", "我是內容區", "取消", "好的"), new ColorBean(Color.RED, Color.BLUE, Color.GREEN, Color.GRAY)));
        //改變文字大小並設定內容
        //startActivity(globalRegularDialog.show(this, new ContentBean("我是標題", "我是內容區", "取消", "好的"), new SizeBean(80f ,50f, 60f ,60f)));
        //同時改變文字大小和顏色並設定內容
        //startActivity(globalRegularDialog.show(this, new ContentBean("我是標題", "我是內容區", "取消", "好的"), new ColorBean(Color.RED, Color.BLUE, Color.GREEN, Color.GRAY), new SizeBean(80f ,50f, 60f ,60f)));

    }

    /**
     * 啟動區域性對話方塊
     *
     * @param type 對話方塊型別
     */
    private void startLocalDialog(final LocalRegularDialog.DIALOG_TYPE type) {
        final LocalRegularDialog localRegularDialog = new LocalRegularDialog(this);
        //ContentBean contentBean = new ContentBean( "我是內容",  "確定");
        ContentBean contentBean = new ContentBean("標題", "我是內容", "取消", "確定");
        localRegularDialog.createDialog(type, contentBean, new CHYOnCancelClickListener() {
            @Override
            public void onCancelClick(View view) {
                Toast.makeText(MainActivity.this, "點選了局部對話方塊的" + type + "的cancelButton", Toast.LENGTH_SHORT).show();
            }
        }, new CHYOnRightClickListener() {
            @Override
            public void onRightClick(View view) {
                Toast.makeText(MainActivity.this, "點選了局部對話方塊的" + type + "的rightButton", Toast.LENGTH_SHORT).show();
                localRegularDialog.dismiss();
            }
        });
        //設定字型顏色
        //localRegularDialog.setTextColor(new ColorBean(Color.RED, Color.BLUE, Color.GREEN, Color.RED));
        //設定字型大小
        //localRegularDialog.setTextSize(new SizeBean(80f, 50f, 60f, 60f));
        //設定背景
        //localRegularDialog.setBackgroundResource(R.mipmap.ic_dialog, false);
    }
}