android实现好看的自定义提示框

效果图:

代码部分

main_activity.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <TextView android:text="@string/hello_world" android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textView" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="点击弹窗"
        android:id="@+id/button"
        android:layout_below="@+id/textView"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_marginRight="207dp"
        android:layout_marginEnd="207dp"
        android:layout_marginTop="165dp" />

</RelativeLayout>


MainActivity.java:

package com.example.mydialog;

import android.app.Activity;
import android.os.Message;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

import dialog.MessageFragment;

public class MainActivity extends ActionBarActivity {
    //提示框fragment
    private MessageFragment mMessageFragment;
    //bundle用来传递提示框的信息
    private Bundle bundle;
    private Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn=(Button)findViewById(R.id.button);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showdialog();
            }
        });
    }
    private void showdialog() {
        if (mMessageFragment == null) {
            mMessageFragment = new MessageFragment();
        }
        if (bundle == null) {
            bundle = new Bundle();
        }
        bundle.putString("content", "是否确认收件");
        bundle.putString("title", "标题");
        mMessageFragment.setOnResultListener(new OnItemMsgResultListener());
        mMessageFragment.setArguments(bundle);
        // 显示提示窗口
        mMessageFragment.show(getFragmentManager(), "");
    }

    class OnItemMsgResultListener implements MessageFragment.OnMsgResultListener {

        public OnItemMsgResultListener() {
        }

        @Override
        public void onResultFun(int resultCode) {
            if (resultCode == Activity.RESULT_OK) {
                Toast.makeText(MainActivity.this,"确认",Toast.LENGTH_SHORT).show();
                // getAliasData();
            }else{
                Toast.makeText(MainActivity.this,"取消",Toast.LENGTH_SHORT).show();
            }
        }
    }

}

提示框的布局文件:

message_dialog.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >
    <RelativeLayout
        android:id="@+id/tv_head"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:background="@mipmap/confirm_head">
        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="46.0dp"
            android:textSize="18sp"
            android:textColor="#fff"
            android:text="提示"/>
    </RelativeLayout>
    <RelativeLayout
        android:id="@+id/rlyt_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tv_head"
        android:background="@mipmap/message_content">
        <TextView
            android:id="@+id/tv_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:text="xxxx"
            android:textColor="#1a1a1a"
            android:textSize="15sp"/>
    </RelativeLayout>
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/rlyt_content"
        android:orientation="horizontal">
        <Button
            android:id="@+id/btn_submit"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/button_msg_submit"/>
        <Button
            android:id="@+id/btn_cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/btn_submit"
            android:background="@drawable/button_msg_cancel"/>
        <View
            android:id="@+id/approve_ver_line"
            android:layout_width="0.5dp"
            android:layout_height="41.0dp"
            android:layout_toRightOf="@+id/btn_submit"
            android:background="@color/divider_gray" />
    </RelativeLayout>
    <View
        android:id="@+id/message_hor_line"
        android:layout_width="296.0dp"
        android:layout_height="0.5dp"
        android:layout_marginLeft="4.5dp"
        android:layout_below="@+id/rlyt_content"
        android:background="@color/divider_gray" />
</RelativeLayout>

drawable下的xml文件:

button_msg_cancel.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@mipmap/btn_msg_cancel_press" />
    <item android:state_enabled="false" android:drawable="@mipmap/btn_msg_cancel_normal" />
    <item android:drawable="@mipmap/btn_msg_cancel_normal" />
</selector>

button_msg_submit.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@mipmap/btn_msg_submit_press" />
    <item android:state_enabled="false" android:drawable="@mipmap/btn_msg_submit_normal" />
    <item android:drawable="@mipmap/btn_msg_submit_normal" />
</selector>

其他的png图片资源在链接:http://download.csdn.net/detail/u010778159/8923083

最后,

MessageFragment.java:

package dialog;

import android.app.Activity;
import android.app.DialogFragment;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.Button;
import android.widget.TextView;
import com.example.mydialog.R;

public class MessageFragment extends DialogFragment {

    public static final String TAG = "MessageDialog";
    private OnMsgResultListener mOnMsgResultListener;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        getDialog().getWindow().requestFeature(Window.FEATURE_NO_TITLE);
        getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        //message_dialog是提示框的布局
        View show_view = inflater.inflate(R.layout.message_dialog, null);

        TextView mTxtContent = (TextView) show_view.findViewById(R.id.tv_content);
        TextView mTxtTitle = (TextView) show_view.findViewById(R.id.tv_title);
        Button btnSubmit = (Button) show_view.findViewById(R.id.btn_submit);
        Button btnCancel = (Button) show_view.findViewById(R.id.btn_cancel);
        Bundle bundle = this.getArguments();
        if(bundle != null){
            String title = bundle.getString("title");
            if(title!=null){
                mTxtTitle.setText(bundle.getString("title"));
            }
            mTxtContent.setText(bundle.getString("content"));
        }
        btnSubmit.setOnClickListener(btnClickListener);
        btnCancel.setOnClickListener(btnClickListener);

        setCancelable(false);
        return show_view;
    }

    public void setOnResultListener(OnMsgResultListener listener) {
        mOnMsgResultListener = listener;
    }

    View.OnClickListener btnClickListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            switch (v.getId()) {
                case R.id.btn_submit:
                    mOnMsgResultListener.onResultFun(Activity.RESULT_OK);
                    dismiss();
                    break;

                case R.id.btn_cancel:
                    mOnMsgResultListener.onResultFun(Activity.RESULT_CANCELED);
                    dismiss();
                    break;
                default:
                    break;
            }
        }
    };

    public interface OnMsgResultListener {
        void onResultFun(int resultCode);
    }
}

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-11-05 13:38:26

android实现好看的自定义提示框的相关文章

Android自定义提示框

在开发中,如果感觉系统自带的提示框不好看,开发者可以自己定义提示框的样式,主要是继承Dialog 程序目录结构 关键代码 package com.dzt.custom.dialog; import android.app.Dialog; import android.content.Context; import android.content.res.Resources; import android.util.DisplayMetrics; import android.view.Gravi

Android:Toast简单消息提示框

Toast是简单的消息提示框,一定时间后自动消失,没有焦点. 1.简单文本提示的方法: //参数1:当前的上下文环境.this或getApplicationContext() //参数2:提示内容 //参数3:显示的时间长短 Toast toast = Toast.makeText(this, "默认的toast", Toast.LENGTH_LONG); toast.show(); 2.自定义位置的方法: Toast toast = Toast.makeText(this, &quo

自定义提示框

思路 利用VA_LIST可变参数,自定义欲提醒信息. 1 // 信息提示框 2 void CDECL AlertBox(TCHAR *Format, ...) 3 { 4 TCHAR buf[1024]; 5 va_list pArglist; 6 va_start(pArglist, Format); 7 _vsntprintf_s(buf, sizeof(buf)/sizeof(TCHAR), Format, pArglist); 8 va_end(pArglist); 9 MessageB

vue2.0 自定义 提示框(Toast)组件

1.自定义 提示框 组件 src / components / Toast / index.js /** * 自定义 提示框( Toast )组件 */ var Toast = {}; var showToast = false, // 存储toast显示状态 showLoad = false, // 存储loading显示状态 toastVM = null, // 存储toast vm loadNode = null; // 存储loading节点元素 Toast.install = func

Android检测WIFI连接、提示框延时消失

Android检测系统WIFI是否连接?如没有连接,显示提示框,提示进行设置,当点击设置进入系统WIFI界面后1秒钟,提示框自动消失. 代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 public boolean isWifiConnected(Context context) {         ConnectivityM

iOS 自定义提示框

之前因为项目需要做了一个自定义的提示框,从底部弹出 gitoschina地址: https://git.oschina.net/deney/ios-ZLActionView.git

html自定义提示框

自定义html提示框比较令人困惑的就是编写三角形的样式:以前的实现方式是在标签内使用span标签来实现.不过现在有了css提供的两个为类:before,:after之后,可以不用再内置span标签了: 下面是本人的一个简单例子: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>提示框的三角形原理</title> <style type=&

在echarts中自定义提示框内容

1.期望效果 以柱状图为例,在鼠标滑过每个数据标签时,为了更友好地显示数据内容,需要对显示的数据内容作格式化处理,添加自定义内容. 如下图,鼠标滑过每个数据项时, 第1张是默认提示框: 第2张是处理成百分比数据后,显示当前单个数据项的提示框: 第3张是处理成百分比数据后,显示当前横坐标下多个数据项的提示框. 图1.默认提示框.jpg 图2.单项提示框.jpg 图3.多项提示框.jpg 2.实现 (本文代码只涉及配置项的部分代码) 上述图片的效果可用echarts的tooltip组件中的一个for

qt之自定义提示框(不规则提示框,右下角弹窗)

http://blog.sina.com.cn/s/blog_a6fb6cc90101e4r8.html http://blog.sina.com.cn/s/blog_a6fb6cc90101dtav.html