Android 自定义Dialog---显示在中间(网易云音乐选择排序方式)

最新推荐文章于 2025-05-25 14:48:36 发布

木头1562720278

最新推荐文章于 2025-05-25 14:48:36 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android文章 MTMusic制作心得

本文链接：https://blog.youkuaiyun.com/qq_35343446/article/details/80876583

Android文章同时被 2 个专栏收录

16 篇文章

订阅专栏

MTMusic制作心得

13 篇文章

订阅专栏

本文介绍了如何在Android中创建一个自定义Dialog并使其显示在屏幕中间，通过提供布局文件和自定义Dialog类的代码示例，展示了实现这一功能的方法。虽然已达到预期效果，但仍有美化空间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果如上图

具体实现的代码如下：

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp"
    android:background="@color/MyDark"
    >
    <TextView
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:text="选择排序方式"
        android:gravity="center_vertical"
        android:textSize="20sp"
        android:textColor="#fff"
        />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:id="@+id/main_dialog_ll_time"
        >
        <ImageView
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="25dp"
            android:src="@drawable/main_dialog_addtime"
            />
        <TextView
            android:layout_weight="5"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:text="按添加时间"
            android:gravity="center_vertical"
            android:textSize="16sp"
            android:textColor="#bbffffff"
            android:paddingLeft="10dp"
            />
        <ImageView
            android:id="@+id/main_dialog_flag_time"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:src="@drawable/main_dialog_flag"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:id="@+id/main_dialog_ll_singer"
        >
        <ImageView
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="25dp"
            android:src="@drawable/main_dialog_addtime"
            />
        <TextView
            android:layout_weight="5"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:text="按歌手名"
            android:gravity="center_vertical"
            android:textSize="16sp"
            android:textColor="#bbffffff"
            android:paddingLeft="10dp"
            />
        <ImageView
            android:id="@+id/main_dialog_flag_singer"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:src="@drawable/main_dialog_flag"
            android:visibility="invisible"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:id="@+id/main_dialog_ll_song"
        >
        <ImageView
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="25dp"
            android:src="@drawable/main_dialog_addtime"
            />
        <TextView
            android:layout_weight="5"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:text="按单曲名"
            android:gravity="center_vertical"
            android:textSize="16sp"
            android:textColor="#bbffffff"
            android:paddingLeft="10dp"
            />
        <ImageView
            android:id="@+id/main_dialog_flag_song"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:src="@drawable/main_dialog_flag"
            android:visibility="invisible"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:id="@+id/main_dialog_ll_alum"
        >
        <ImageView
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="25dp"
            android:src="@drawable/main_dialog_addtime"
            />
        <TextView
            android:layout_weight="5"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:text="按专辑名"
            android:gravity="center_vertical"
            android:textSize="16sp"
            android:textColor="#bbffffff"
            android:paddingLeft="10dp"
            />
        <ImageView
            android:id="@+id/main_dialog_flag_alum"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:src="@drawable/main_dialog_flag"
            android:visibility="invisible"
            />
    </LinearLayout>
</LinearLayout>

2.自定义MyMainDialog继承自Dialog类

package com.mutou.www.diy;

import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.LinearLayout;

import com.mutou.www.mtmusic.R;

/**
 * Created by 木头 on 2018/7/1.
 */

public class MyMainDialog extends Dialog{
    Context context;
    private ClickListenerInterface clickListenerInterface;

    public interface ClickListenerInterface{
        void doTime();
        void doSinger();
        void doSong();
        void doAlum();
    }

    public MyMainDialog(Context context){
        super(context);
        this.context = context;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        init();
    }

    public void init(){
        LayoutInflater layoutInflater = LayoutInflater.from(context);
        View view = layoutInflater.inflate(R.layout.main_diy_dialog,null);
        setContentView(view);

        LinearLayout ll_time = (LinearLayout) view.findViewById(R.id.main_dialog_ll_time);
        LinearLayout ll_singer = (LinearLayout) view.findViewById(R.id.main_dialog_ll_singer);
        LinearLayout ll_alum = (LinearLayout) view.findViewById(R.id.main_dialog_ll_alum);
        LinearLayout ll_song = (LinearLayout) view.findViewById(R.id.main_dialog_ll_song);

        ll_time.setOnClickListener(new ClickListener());
        ll_singer.setOnClickListener(new ClickListener());
        ll_alum.setOnClickListener(new ClickListener());
        ll_song.setOnClickListener(new ClickListener());

        Window dialogWindow = getWindow();
        WindowManager.LayoutParams lp = dialogWindow.getAttributes();
        DisplayMetrics d = context.getResources().getDisplayMetrics();//获取屏幕的宽和高用
        lp.width =(int) (d.widthPixels*0.8);
        dialogWindow.setAttributes(lp);
    }

    public void setClickLinstener(ClickListenerInterface clickListenerInterface){
            this.clickListenerInterface = clickListenerInterface;
    }

    private class ClickListener implements View.OnClickListener{
        @Override
        public void onClick(View v) {
            switch (v.getId()){
                case R.id.main_dialog_ll_alum:
                    clickListenerInterface.doAlum();
                    break;
                case R.id.main_dialog_ll_singer:
                    clickListenerInterface.doSinger();
                    break;
                case R.id.main_dialog_ll_song:
                    clickListenerInterface.doSong();
                    break;
                case R.id.main_dialog_ll_time:
                    clickListenerInterface.doTime();
                    break;
            }
        }
    }
}

在主函数中进行调用

private void openDialog() {
        MyMainDialog myMainDialog = new MyMainDialog(this);
        myMainDialog.show();
        myMainDialog.setClickLinstener(new MyMainDialog.ClickListenerInterface() {
            @Override
            public void doTime() {
                Toast.makeText(MainActivity.this, "time", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void doSinger() {
                Toast.makeText(MainActivity.this, "doSinger", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void doSong() {
                Toast.makeText(MainActivity.this, "doSong", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void doAlum() {
                Toast.makeText(MainActivity.this, "doAlum", Toast.LENGTH_SHORT).show();
            }
        });
    }

效果还不错，还待美化。