自定义弹窗的制作

今天给大家总结一个android的弹窗视图。

那总体的要做些什么，我们自己在开发之前也要有一个清晰的思路，虽然这是一个简单的布局。但是这反映了大家对待事情的态度。

1、我们首先得考虑到自定义布局，定义pay_layout.xml布局文件,使用向导创建布局，接着我们用title来实现头部的“确认收款”项，那么使用title的代码，以及实现的效果分别如下： 

package com.example.android_007_popdailog;
import android.support.v7.app.ActionBarActivity;
import android.app.AlertDialog;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
public class MainActivity extends ActionBarActivity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);//初始化对话框
		View view = getLayoutInflater().inflate(R.layout.pay_layout,null); //绑定视图，用于弹出显示
	    builder.setView(view);//设置视图
	    builder.setTitle("确认收款");//显示标题
	    builder.create().show();
	}
}

 

效果如下所示：

 

 

 

2、结果发现界面太丑，无法上台，所以我采用去掉title的方法，实现完全自定义。那么我们就修改一下布局文件，在布局文件上加上一个TextView实现效果如下：

这个时候我们需要将pay_layout.xml的源代码附上，如下所示：

 

 

 

效果图如下所示：

 3、显示已经正常了，但是感觉缺少图标产生的明确感，那么，我们就添加图标吧，首先我们在pay_layout重设置布局文件，首先我们将需要导入的图标拷贝到如下文件夹：

 

之后编写源代码，其布局文件代码如下所示：

最后实现的效果如下图所示：

 

当然，我们也可以进行对布局中背景的设置，设置我统一或者不同图案或颜色，视程序总体结构而定了，在此就不实现了

 

那么我们的最终效果就实现了。