自定义弹窗的制作

今天给大家总结一个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 {@Overrideprotected 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的源代码附上，如下所示：

<?xml version="1.0" encoding="utf-8"?>

效果图如下所示：

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

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

<?xml version="1.0" encoding="utf-8"?>

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

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

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

更多相关文章

随机推荐