Android仿新浪微博发送菜单界面的实现

Winona ·

更新时间:2024-09-21

· 443 次阅读

效果图

自定义Dialog

布局文件

Style

工具方法

接口

效果图

接下来就是一波贴代码的过程

自定义Dialog


public class SinaSendView extends Dialog {
  private ImageButton ib_dialog_sina_close;
  private LinearLayout ll_dialog_sina_write;
  private LinearLayout ll_dialog_sina_time;
  private LinearLayout ll_dialog_sina_map;
  private LinearLayout ll_dialog_sina_menu;
  private ImageView iv_dialog_sina_bg,iv_dialog_sina_des;
  private Context mContext;
  private Boolean hideDes;
  private Bitmap screenShot;
  private Bitmap bitmap;
  private ByteArrayOutputStream baos;
  private byte[] bytes;
  public SinaSendView(Context context) {
    super(context);
    this.mContext = context;
  }
  public SinaSendView(Context context, int themeResId,Boolean hideDes) {
    super(context, themeResId);
    this.mContext = context;
    this.hideDes = hideDes;
  }
  protected SinaSendView(Context context, boolean cancelable, OnCancelListener cancelListener) {
    super(context, cancelable, cancelListener);
    this.mContext = context;
  }
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    this.setContentView(R.layout.layout_sina_send_dialog);
    ib_dialog_sina_close = (ImageButton) findViewById(R.id.ib_dialog_sina_close);
    ll_dialog_sina_write = (LinearLayout) findViewById(R.id.ll_dialog_sina_write);
    ll_dialog_sina_time = (LinearLayout) findViewById(R.id.ll_dialog_sina_time);
    ll_dialog_sina_map = (LinearLayout) findViewById(R.id.ll_dialog_sina_map);
    ll_dialog_sina_menu = (LinearLayout) findViewById(R.id.ll_dialog_sina_menu);
    iv_dialog_sina_bg = (ImageView) findViewById(R.id.iv_dialog_sina_bg);
    iv_dialog_sina_des = (ImageView) findViewById(R.id.iv_dialog_sina_des);
    initView();
  }
  private void initView() {
    setBrulBg();
    ll_dialog_sina_menu.setVisibility(View.VISIBLE);
    ll_dialog_sina_menu.setAnimation(AnimationUtil.moveToViewLocationFromTop());
    ib_dialog_sina_close.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        ll_dialog_sina_menu.setAnimation(AnimationUtil.moveToViewBottom());
        ll_dialog_sina_menu.setVisibility(View.GONE);
        dismiss();
      }
    });
    if(hideDes){
      iv_dialog_sina_des.setVisibility(View.GONE);
    }
  }
  /**
   * 设置模糊背景
   */
  private void setBrulBg(){
    screenShot = CommonUtils.getInstance().getScreenShot((Activity) mContext);
    bitmap = CommonUtils.getInstance().zoomImg(screenShot, 0.2f);
    baos = new ByteArrayOutputStream();
    bitmap.compress(Bitmap.CompressFormat.JPEG, 1, baos);
    bytes = baos.toByteArray();
    Glide.with(mContext)
        .load(bytes)
        .asBitmap()
        .transform(new BlurTransformation(CommonUtils.getInstance().getContext(), 25))
        .into(iv_dialog_sina_bg);
  }
  public void setClick(final SinaSendDialog mSinaSendDialog){
    this.show();
    ll_dialog_sina_write.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        mSinaSendDialog.onNormalClick();
        dismiss();
      }
    });
    ll_dialog_sina_map.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        mSinaSendDialog.onMapClick();
        dismiss();
      }
    });
    ll_dialog_sina_time.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        mSinaSendDialog.onTimeClick();
        dismiss();
      }
    });
  }
  @Override
  public void dismiss() {
    super.dismiss();
    if(screenShot != null && !screenShot.isRecycled()){
      screenShot.recycle();
      screenShot = null;
    }
    if(bitmap != null && !bitmap.isRecycled()){
      bitmap.recycle();
      bitmap = null;
    }
    try {
      baos.close();
    } catch (IOException e) {
      e.printStackTrace();
    }
    bytes = null;
    System.gc();
  }
}

布局文件


<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
  >
  <ImageView
    android:id="@+id/iv_dialog_sina_bg"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="fitXY"
    />
  <ImageButton
    android:id="@+id/ib_dialog_sina_close"
    android:layout_width="15dp"
    android:layout_height="15dp"
    android:src="@drawable/dialog_sina_send_close"
    android:background="@null"
    android:layout_gravity="bottom|center_horizontal"
    android:layout_marginBottom="17dp"
    />
  <ImageView
    android:layout_width="match_parent"
    android:layout_height="0.5dp"
    android:background="@color/line_gray"
    android:layout_gravity="bottom"
    android:layout_marginBottom="50dp"
    />
  <LinearLayout
    android:id="@+id/ll_dialog_sina_menu"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|center_horizontal"
    android:layout_marginBottom="120dp"
    android:orientation="horizontal"
    android:visibility="gone"
    >
    <LinearLayout
      android:id="@+id/ll_dialog_sina_write"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:orientation="vertical"
      android:gravity="center_horizontal"
      >
      <ImageView
        android:layout_width="75dp"
        android:layout_height="75dp"
        android:src="@drawable/dialog_sina_send_write"
        />
      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="13sp"
        android:textColor="@color/text_gray"
        android:text="一般内容"
        android:layout_marginTop="8dp"
        />
    </LinearLayout>
    <LinearLayout
      android:id="@+id/ll_dialog_sina_time"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:orientation="vertical"
      android:gravity="center_horizontal"
      android:layout_marginLeft="35dp"
      android:layout_marginRight="35dp"
      >
      <ImageView
        android:layout_width="75dp"
        android:layout_height="75dp"
        android:src="@drawable/dialog_sina_send_time"
        />
      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="13sp"
        android:textColor="@color/text_gray"
        android:text="时间胶囊"
        android:layout_marginTop="8dp"
        />
    </LinearLayout>
    <LinearLayout
      android:id="@+id/ll_dialog_sina_map"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:orientation="vertical"
      android:gravity="center_horizontal"
      >
      <ImageView
        android:layout_width="75dp"
        android:layout_height="75dp"
        android:src="@drawable/dialog_sina_send_map"
        />
      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="13sp"
        android:textColor="@color/text_gray"
        android:text="地点胶囊"
        android:layout_marginTop="8dp"
        />
    </LinearLayout>
  </LinearLayout>
  <ImageView
    android:id="@+id/iv_dialog_sina_des"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/dialog_sina_send_des"
    android:layout_gravity="center_horizontal"
    android:layout_marginTop="70dp"
    />
</FrameLayout>

Style


  <style name="SinaSendDialog">
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
</style>

工具方法


  /**
   * 从控件的顶部移动到控件所在位置
   *
   * @return
   */
  public static TranslateAnimation moveToViewLocationFromTop() {
    TranslateAnimation mHiddenAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f,
        Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
        -1.0f, Animation.RELATIVE_TO_SELF, 0.0f);
    mHiddenAction.setDuration(500);
    return mHiddenAction;
  }
  /**
   * 截取当前屏幕
   * @param activity
   * @return
   */
  public Bitmap getScreenShot(Activity activity) {
    // 获取windows中最顶层的view
    View view = activity.getWindow().getDecorView();
    view.buildDrawingCache();
    // 获取状态栏高度
    Rect rect = new Rect();
    view.getWindowVisibleDisplayFrame(rect);
    int statusBarHeights = rect.top;
    Display display = activity.getWindowManager().getDefaultDisplay();
    // 获取屏幕宽和高
    int widths = display.getWidth();
    int heights = display.getHeight();
    // 允许当前窗口保存缓存信息
    view.setDrawingCacheEnabled(true);
    // 去掉状态栏
    Bitmap bmp = Bitmap.createBitmap(view.getDrawingCache(), 0,
        0, widths, heights);
    // 销毁缓存信息
    view.destroyDrawingCache();
    return bmp;
  }
  /**
   * 改变bitmap宽高
   * @param bm
   * @param f
   * @return
   */
  public Bitmap zoomImg(Bitmap bm,float f){
    int width = bm.getWidth();
    int height = bm.getHeight();
    float scaleWidth = f;
    float scaleHeight = f;
    Matrix matrix = new Matrix();
    matrix.postScale(scaleWidth, scaleHeight);
    Bitmap newbm = Bitmap.createBitmap(bm, 0, 0, width, height, matrix, true);
    return newbm;
    }

接口


public interface SinaSendDialog {
  void onNormalClick();
  void onTimeClick();
  void onMapClick();
}

基本讲一下逻辑，背景采用截屏高斯模糊处理，这里一定要降图片质量，不然会慢，按钮采用一个动画从上向下划出，虽然不是特别完美，但是多少有个样子。

源码地址：

https://github.com/bertsir/SinaSendView

到这里就结束啦.

以上就是Android仿新浪微博发送菜单界面的实现的详细内容，更多关于Android 发送菜单界面的实现的资料请关注软件开发网其它相关文章！

新浪微博界面菜单新浪 Android

1024 个赞

需要登录后方可回复, 如果你还没有账号请注册新账号

物联网(IoT)开发入门教程:ListView与BaseAdapter

Vala 2020-03-25

516

html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法

Tanisha 2021-07-07

913

laravel5 Eloquent 实现事务方式

Iris 2020-06-15

967

让网页图片变灰色将彩色图像变成灰度的三种方法

Valora 2021-03-03

531

在 CentOS 8 / RHEL 8 上安装 VirtualBox 6.0的详细教程

Kande 2020-07-08

773

Android中dataBinding使用的简单封装

Kohana 2023-07-21

1911

Android自定义View的一些独家技巧

Bambi 2023-07-21

648

Android小组件添加到主屏幕(手机桌面)的方法实例

Hanna 2023-07-21

Android自定义实现一个车牌字母选择键盘

Laila 2023-07-21

1199

Android自定义实现一个省份简称键盘

Hasana 2023-07-21

1024

Android14(U)适配攻略

Jacinda 2023-07-21

345

利用Flutter制作一个会飞的菜单

Viveka 2023-07-21

153

揭秘Android视图绘制的流程步骤

Tanya 2023-07-21

1497

Android 换肤实现指南demo及案例解析

Ipo 2023-07-21

562

Android App 如何防止抓包方法及分析

Ophelia 2023-07-21

1665

探秘Android手势事件机制与优化技巧

Mora 2023-07-21

720

Android文件读写的几种方式

Bella 2023-07-21

1121

关于Android内存缓存LruCache的使用及其源码解析

Jacuqeline 2023-07-21

309

Android创建文件时出现java.io.IOException: Operation not permitted异常的解决方法

Tia 2023-07-21

531

Android连接MySQL数据库详细教程

Bonnie 2023-07-21

533

我要提问

致谢

帮助他人，成就自己。

人生最大成功就是伸出热情而温暖的双手，尽自己所能去帮助身边的每一个人，只要无私的奉献，就会收获到美好的生活。

1024问感谢每一位朋友的帮助和支持。

软件开发网提供编程的基础软件技术培训教程,软件开发编程实例讲解Go,Node,HTML,CSS,Javascript,Python,Java,Ruby,C,PHP,MySQL等软件开发编程语言以及数据开发的基础知识，也提供大量的软件开发在线实例、从入门到精通就在1024问。

育儿网微养生全球行美食街育儿菜谱大全海南旅游女性养狗百科星座