Android实现微信右侧顶部下拉对话框

我们使用微信都知道,其右侧顶部有一个下拉对话框,我们可以执行添加好友,扫一扫等功能,今天我们就来模仿实现一下这个功能(实现的方式有很多种,我今天只说一种借助透明主题Activity的方式实现;如果有兴趣还可以移步至仿淘宝底部导航栏);本篇的实现的效果如下:

Android实现微信右侧顶部下拉对话框_第1张图片

下面就来说一说实现的思路重要

第一步:创建弹出对话框布局



 
 
 
  
 
   
 
    
 
    
   
 
   
 
   
 
    
 
    
   
 
   
 
   
 
    
 
    
   
 
   
 
  
 
 

第二步:创建一个用于显示该对话框布局Activity

package com.hfut.popdialogtest;
 
import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.LinearLayout;
 
/**
 * @author why
 * @date 2018-10-3
 */
public class MyDialogActivity extends Activity implements OnClickListener{
 
 private LinearLayout uploadRecord;
 private LinearLayout registerRecord;
 private LinearLayout newMessage;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  requestWindowFeature(Window.FEATURE_NO_TITLE);
  setContentView(R.layout.pop_dialog);
 
  if(getActionBar()!=null){
   getActionBar().hide();
  }
  CommonTools.setNavbarVisibility(this);
  initView();
 }
 
 
 private void initView(){
  uploadRecord = findViewById(R.id.upload_record_layout);
  registerRecord = findViewById(R.id.register_record_layout);
  newMessage = findViewById(R.id.new_massage_layout);
 
  uploadRecord.setOnClickListener(this);
  registerRecord.setOnClickListener(this);
  newMessage.setOnClickListener(this);
 }
 
 @Override
 public boolean onTouchEvent(MotionEvent event){
  finish();
  return true;
 }
 
 @Override
 public void onClick(View v) {
  switch (v.getId()){
   case R.id.upload_record_layout:
   SharedData.resultID=1;
   break;
   case R.id.register_record_layout:
   SharedData.resultID=2;
   break;
   case R.id.new_massage_layout:
   SharedData.resultID=3;
   break;
   default:
   SharedData.resultID=0;
   break;
  }
  this.finish();
 }
}

第三步:创建一个主界面
MainActivity.java代码:

package com.hfut.popdialogtest;
 
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;
 
/**
 * @author why
 * @date 2018-10-3 9:35:35
 */
public class MainActivity extends AppCompatActivity {
 
 TextView resultShow;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  resultShow = findViewById(R.id.show_choosen_result);
 
  if(getActionBar()!=null){
   getActionBar().hide();
  }
  CommonTools.setNavbarVisibility(this);
 }
 
 
 @Override
 protected void onResume() {
  switch (SharedData.resultID) {
   case 0:
    resultShow.setText("默认显示");
    break;
   case 1:
    resultShow.setText(getResources().getString(R.string.uploadRecord));
    break;
   case 2:
    resultShow.setText(getResources().getString(R.string.registerRecord));
    break;
   case 3:
    resultShow.setText(getResources().getString(R.string.defaultMessage));
    break;
   default:
    resultShow.setText("默认显示");
    break;
 
  }
  super.onResume();
 }
 
 public void openPopDialog(View view) {
  Intent intent = new Intent(this, PopDialogActivity.class);
  startActivity(intent);
 }
}

activity_main.xml代码:



 
 
 
 
 

第四步:设置对话框Activity主题为透明主题
AndroidManifest.xml文件代码:



 
 
  
   
    
 
    
   
  
  
 
 

第五步:其他辅助代码
CommonTools.java代码:

package com.hfut.popdialogtest;
 
import android.app.Activity;
import android.view.View;
 
/**
 * author:why
 * created on: 2018/9/11 13:34
 * description:
 */
public class CommonTools {
 
 /**
  * to controll the visibility of the Activity's navigator bar
  * @param activity
  */
 public static void setNavbarVisibility(Activity activity) {
  View decorView = activity.getWindow().getDecorView();
  decorView.setSystemUiVisibility(
    View.SYSTEM_UI_FLAG_LAYOUT_STABLE
      | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
      | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
      | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
      | View.SYSTEM_UI_FLAG_FULLSCREEN
      | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
 }
 
}

Values目录下的dimens.xml代码:



 160dp
 60dp
 40dp

Values目录下的strings.xml代码:


 仿微信右侧顶部下拉弹出测试
 
 上传记录
 注册记录
 消息提示
 

其他资源文件就不添加了。我们总结一下其实就是这样的步骤:

  • 点击主Activity的弹窗对话框图标,打开一个新的透明的Acitivity
  • 在新的Activity中做完逻辑处理把结果存放在主Activity可访问的数据域,然后finish自己
  • 主Activity再次可交互,并在onResume中实现对处理结果分析和处理,比如修改主Activity UI; 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(Android实现微信右侧顶部下拉对话框)