智能管家---12. 自定义Dialog（登录中提示框实现）

快来打我* 2022-05-17 07:24 121阅读 0赞

参考：[https://blog.csdn.net/sinat\_31057219/article/details/77677302][https_blog.csdn.net_sinat_31057219_article_details_77677302]

自定义dialog都有自己的主题和动画效果，比如说登录提示框里面有个进度条，提示框的背影透明，dialog没有标题等，这些都需要在style中定义。

**Dialog的风格主题有：**

<style name="MyDialog" parent="android:style/Theme.Dialog">
            
            <item name="android:windowBackground">@android:color/transparent</item>
            
            <item name="android:windowNoTitle">true</item>
            
            <item name="android:windowFrame">@null</item>
            
            <item name="android:windowIsFloating">true</item>
            
            <item name="android:backgroundDimEnabled">false</item>
        </style>

**Dialog 的背景样式：**

可以自己设置颜色，角度等

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
    
        <solid android:color="#ffffff" />
        
        <corners android:radius="6dp" />
    
    </shape>

下面是智能管家登录提示的效果实现：

*  **Dialog 的进入进出效果：**  
    ![这里写图片描述][70]  
    动画 pop\_in , pop\_out 是进入进出，下面是其实现：

![这里写图片描述][70 1]  
![这里写图片描述][70 2]

duration：持续时间长短，这里是200  
fromXDelta: 左方向  
fromYDelta: 上方向  
toXDelta: 右方向  
toYDelta: 下方向

**Dialog 的风格主题：**  
![这里写图片描述][70 3]

**Dialog的背景形状：**  
![这里写图片描述][70 4]

**进度条的形状：**  
![这里写图片描述][70 5]

**Dialog最终显示实现：**

![这里写图片描述][70 6]

**自定义Dialog类：**  
![这里写图片描述][70 7]

**LoginActivity添加Dialog：**  
定义：  
![这里写图片描述][70 8]  
初始化并添加效果：  
![这里写图片描述][70 9]  
dialog显示和消失：  
![这里写图片描述][70 10]  
![这里写图片描述][70 11]  
具体实现位置：  
![这里写图片描述][70 12]

#### CustomDialog源代码： ####

public class CustomDialog extends Dialog{ 
    
        //自定义dialog
    
        public CustomDialog(Context context,int layout,int style) {
            this(context, WindowManager.LayoutParams.WRAP_CONTENT,WindowManager.LayoutParams.WRAP_CONTENT,layout,style, Gravity.CENTER);
        }
    
        public CustomDialog(Context context,int width,int height,int layout,int style,int gravity,int anim){
            super(context,style);
            //设置leyour
            setContentView(layout);
            //获取window
            Window window=getWindow();
            //获取window属性
            WindowManager.LayoutParams layoutParams=window.getAttributes();
            //修改属性
            layoutParams.width=width;
            layoutParams.height=height;
            layoutParams.gravity=gravity;
            //将属性重新设置
            window.setAttributes(layoutParams);
            //设置动画
            window.setWindowAnimations(anim);
        }
    
        //实例
        public CustomDialog(Context context,int width,int height,int layout,int style,int gravity){
            this(context,width,height,layout,style,gravity,R.style.pop_anim_style);
        }
    }

#### LoginActivity源代码： ####

public class LoginActivity extends AppCompatActivity implements View.OnClickListener { 
    
        private EditText et_name;
        private EditText et_pass;
    
        private Button btn_login;
        private Button btn_registerd;
    
        private CheckBox keep_pass;
    
        private TextView fortget_pass;
        private CustomDialog mCustomDialog;
    
    
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_login);
    
            initView();
        }
    
        private void initView() {
            et_name=(EditText)findViewById(R.id.lo_name);
            et_pass=(EditText)findViewById(R.id.lo_password);
            btn_login=(Button)findViewById(R.id.lo_login);
            btn_login.setOnClickListener(this);
            btn_registerd=(Button)findViewById(R.id.lo_registered);
            btn_registerd.setOnClickListener(this);
    
            mCustomDialog=new CustomDialog(this,100,100,R.layout.dialog_loading,R.style.dialog_theme, Gravity.CENTER,R.style.pop_anim_style);
    
            //屏幕外点击无效
            mCustomDialog.setCancelable(false);
    
            fortget_pass=(TextView)findViewById(R.id.forget_pass);
            fortget_pass.setOnClickListener(this);
    
            keep_pass=(CheckBox)findViewById(R.id.keep_pass);
    
            boolean isKeep=ShareUtils.getBoolean(this,"keeppass",false);//默认为false
            keep_pass.setChecked(isKeep);
            //true说明记住密码,则将用户名密码显示出来
            if(isKeep){
                String name=ShareUtils.getString(this,"username","");
                String password=ShareUtils.getString(this,"password","");
                et_name.setText(name);
                et_pass.setText(password);
            }
    
        }
    
        @Override
        public void onClick(View v) {
            switch (v.getId()){
                case R.id.lo_registered:
                    startActivity(new Intent(this,RegisteredActivity.class));
                    break;
                case R.id.lo_login:
                    String name=et_name.getText().toString().trim();
                    String password=et_pass.getText().toString().trim();
    
                    if(!TextUtils.isEmpty(name)&&!TextUtils.isEmpty(password)){
    
                        mCustomDialog.show();
    
                        MyUSer myUSer=new MyUSer();
                        myUSer.setUsername(name);
                        myUSer.setPassword(password);
    
                        myUSer.login(new SaveListener<MyUSer>() {
    
                            @Override
                            public void done(MyUSer myUSer, BmobException e) {
                                if(e==null){
                                    mCustomDialog.dismiss();
                                    Toast.makeText(LoginActivity.this, "登录成功！", Toast.LENGTH_SHORT).show();
                                    startActivity(new Intent(LoginActivity.this, MainActivity.class));
                                    finish();
                                }else{
                                    Toast.makeText(LoginActivity.this, "登录失败！", Toast.LENGTH_SHORT).show();
                                }
                            }
                        });
                    }
                case R.id.forget_pass:
                    startActivity(new Intent(this,ForgetPasswordActivity.class));
                    break;
    
            }
        }
    
    
        //如果输入用户名密码后退出，看是否有记住密码
        @Override
        protected void onDestroy() {
            super.onDestroy();
    
            //保存当前是否点击的状态
            ShareUtils.putBoolean(this,"keeppass",keep_pass.isChecked());
    
            //如果选中则保存当前用户名密码
            if(keep_pass.isChecked()){
                ShareUtils.putString(this,"username",et_name.getText().toString().trim());
                ShareUtils.putString(this,"password",et_pass.getText().toString().trim());
            }else{
                //存入空
    // ShareUtils.putString(this,"username","");
    // ShareUtils.putString(this,"password","");
                //应该删除
                ShareUtils.delete(this,"username");
                ShareUtils.delete(this,"password");
    
            }
        }
    }

#### xml源代码： ####

**pop\_in**

<?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
    
        <translate android:duration="@android:integer/config_shortAnimTime" android:fromXDelta="0" android:fromYDelta="100%" android:toXDelta="0" android:toYDelta="0">
    
        </translate>
    </set>

**pop\_out**

<?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
    
        <translate android:duration="@android:integer/config_shortAnimTime" android:fromYDelta="0" android:fromXDelta="0" android:toXDelta="0" android:toYDelta="100%">
    
        </translate>
    </set>

**progress**

?xml version="1.0" encoding="utf-8"?>
    <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="0" android:pivotX="50%" android:pivotY="50%" android:toDegrees="360" >
        <shape android:innerRadiusRatio="3" android:shape="ring" android:thicknessRatio="8" android:useLevel="false" >
            <gradient android:centerColor="#ffffff" android:centerY="0.50" android:endColor="#1E90FF" android:startColor="#ffffff" android:type="sweep" android:useLevel="false" />
        </shape>
    </rotate>

**dialog\_loading:**

<?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:gravity="center" android:orientation="vertical">
    
        <LinearLayout android:layout_width="100dp" android:layout_height="100dp" android:background="@drawable/dialog_white_bg" android:gravity="center" android:orientation="vertical">
    
            <ProgressBar android:indeterminateDrawable="@drawable/progress_small" android:indeterminate="true" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
    
            <TextView android:textColor="#000000" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:text="登录中"/>
    
        </LinearLayout>
    
    </LinearLayout>

[https_blog.csdn.net_sinat_31057219_article_details_77677302]: https://blog.csdn.net/sinat_31057219/article/details/77677302
[70]: /images/20220517/c879446e2e584172bc45159fdf3d626c.png
[70 1]: /images/20220517/84b79eaee7c94a63badb2248f5cce22a.png
[70 2]: /images/20220517/ec28ca549fff4da2be182b1fd6cc2933.png
[70 3]: /images/20220517/f835f7a33e6e4749ac41177d38206104.png
[70 4]: /images/20220517/333fd9c33b9b4cbeacbd51470b946a46.png
[70 5]: /images/20220517/d60e584052e04e2c861656f215bce933.png
[70 6]: /images/20220517/f11d4bccaa924dff814dba8b05f3d37f.png
[70 7]: /images/20220517/fdbc60658a4349ada0292e25dbcb7947.png
[70 8]: /images/20220517/166f5ef79fa3432c9515deaaf6bef709.png
[70 9]: /images/20220517/6cbc170f23e34fc2b9442c1e4d26caca.png
[70 10]: /images/20220517/d047dbb639134d4091fe944e7444cb39.png
[70 11]: /images/20220517/0652422b2eca4cb69c33d685ce795020.png
[70 12]: /images/20220517/ed15f77621c646b2afd82d97382dc858.png