仿抖音注册Dialog实现

简介: 今天将仿抖音注册界面完成后接着便将注册界面实现了,这里利用的是Dialog实现的效果图接下来介绍如何实现底部弹出Dialog1.首先编写动画文件2.

今天将仿抖音注册界面完成后接着便将注册界面实现了,这里利用的是Dialog实现的

img_ba52f6c7250ba27dd08cc3f3c50072b4.gif
效果图

接下来介绍如何实现底部弹出Dialog

1.首先编写动画文件

<!--tranlate_dialog_in.xml-->
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200"
    android:fromXDelta="0"
    android:fromYDelta="100%"
    android:toXDelta="0"
    android:toYDelta="0">
</translate>
<!--tranlate_dialog_out.xml-->
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200"
    android:fromXDelta="0"
    android:fromYDelta="0"
    android:toXDelta="0"
    android:toYDelta="100%">
</translate>

2.编写Dialog的style

<style name="BottomDialog" parent="@style/Base.V7.Theme.AppCompat.Light.Dialog">
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
</style>
<style name="BottomDialog.Animation" parent="Animation.AppCompat.Dialog">
    <item name="android:windowEnterAnimation">@anim/tranlate_dialog_in</item>
    <item name="android:windowExitAnimation">@anim/tranlate_dialog_out</item>
</style>

3.代码中实现

    Dialog bottomDialog = new Dialog(context, R.style.BottomDialog);
    bottomDialog.setContentView(contentView);
    ViewGroup.LayoutParams layoutParams = contentView.getLayoutParams();
    layoutParams.width = context.getResources().getDisplayMetrics().widthPixels;
    layoutParams.height=context.getResources().getDisplayMetrics().heightPixels;
    contentView.setLayoutParams(layoutParams);
    bottomDialog.getWindow().setGravity(Gravity.BOTTOM);
    bottomDialog.getWindow().setWindowAnimations(R.style.BottomDialog_Animation);
    bottomDialog.show();

个人博客https://myml666.github.io

目录
相关文章
|
4月前
|
XML Java Android开发
Android App开发实战项目之仿手机QQ动感影集动画播放(附源码和演示视频 可直接使用)
Android App开发实战项目之仿手机QQ动感影集动画播放(附源码和演示视频 可直接使用)
28 0
|
10月前
|
前端开发 Android开发
Android高仿qq及微信底部菜单的几种实现方式
Android高仿qq及微信底部菜单的几种实现方式
|
12月前
|
XML Android开发 数据格式
Android仿淘宝、京东Banner滑动查看图文详情
本文基于 `ViewPager2` 实现的 `Banner` 效果,进而实现了仿淘宝、京东`Banner`滑动至最后一页时继续滑动来查看图文详情的效果。
174 0
|
小程序
了解过微信小程序手势滑动吗?
了解过微信小程序手势滑动吗?
仿抖音注册界面制作
话说上次完成了仿抖音我的界面制作之后,今天抽空又把注册界面给做了,还是做了些小改动,将第三方登录去掉了 注册 还是老规矩直接奉上psd源码:仿抖音注册界面psd源码 个人博客https://myml666.
1240 0
|
Android开发
仿抖音底部导航(二)
继续实现仿抖音底部导航 今天要实现效果如下图 实现效果 首先在原基础的布局中加入一个ImageView 这里附上刷新的图片素材 image 然后在原代码中进行修改以实现导航的动画及刷新功能 1.
1738 0
|
XML Android开发 数据格式
仿抖音底部导航效果(一)
最终效果预览 最终效果 这次实现的是第一步效果 本次效果 原理解析:通过对控件添加动画来实现仿抖音底部导航的效果 一.首先编写布局文件(这里是用TextView作为底部的指示横线) 二.
2032 0
|
Android开发
Android 仿百合网超火爆社交app首页滑动效果
探探,百合网等神器的首页有一个相册加载个控件,通过左滑右滑加载新的照片,同时左滑丢弃这个照片,右滑则表明对这个照片感兴趣。 这个效果是怎么实现的呢? 1,Android3.0以后控件中增加了setTranslationX,setTranslationY方法,用于控件沿X,Y轴移动。其原点是相对于控件开始移动的位置,注意,这点很重要。setRotation用于设置控件旋转角度,直接将角度值填入参
1737 0