Android带头像的用户注册页面

详细的图文可以到我的百度经验去查看：http://jingyan.baidu.com/article/cd4c2979eda109756e6e60de.html

首先是注册页面的布局：

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:paddingTop="20px"

android:orientation="horizontal" >

<LinearLayout

android:id="@+id/linearLayout1"

android:orientation="vertical"

android:layout_weight="2"

android:paddingLeft="20px"

android:layout_width="wrap_content"

android:layout_height="wrap_content" >

<TableLayout

android:id="@+id/tableLayout1"

android:layout_width="match_parent"

android:layout_height="wrap_content" >

<TableRow

android:id="@+id/tableRow1"

android:layout_width="wrap_content"

android:layout_height="wrap_content" >

<TextView

android:id="@+id/textView1"

android:textSize="20px"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="用户名：" />

<EditText

android:id="@+id/user"

android:minWidth="400px"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

</TableRow>

<TableRow

android:id="@+id/tableRow2"

android:layout_width="wrap_content"

android:layout_height="wrap_content" >

<TextView

android:id="@+id/textView2"

android:textSize="20px"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="密码：" />

<EditText

android:id="@+id/pwd"

android:inputType="textPassword"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

</TableRow>

<TableRow

android:id="@+id/tableRow3"

android:layout_width="wrap_content"

android:layout_height="wrap_content" >

<TextView

android:id="@+id/textView3"

android:textSize="20px"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="确认密码：" />

<EditText

android:id="@+id/repwd"

android:inputType="textPassword"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

</TableRow>

<TableRow

android:id="@+id/tableRow4"

android:layout_width="wrap_content"

android:layout_height="wrap_content" >

<TextView

android:id="@+id/textView4"

android:textSize="20px"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="E-mail地址：" />

<EditText

android:id="@+id/email"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

</TableRow>

</TableLayout>

</LinearLayout>

<LinearLayout

android:id="@+id/linearLayout2"

android:orientation="vertical"

android:gravity="center_horizontal"

android:layout_width="wrap_content"

android:layout_weight="1"

android:layout_height="wrap_content" >

<ImageView

android:id="@+id/imageView1"

android:layout_width="158px"

android:layout_height="150px"

android:src="@drawable/ic_launcher" />

<Button

android:id="@+id/button1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="选择头像" />

</LinearLayout>

然后是图库的页面布局，由用户去选择图片，这里我就用windows系统里面的几张照片

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent" android:layout_height="match_parent">

    <GridView

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:id="@+id/gridView"

        android:numColumns="4" />

</LinearLayout>

然后我们在注册页面的Activity写入以下代码：

Button button1=(Button)findViewById(R.id.button1);
        button1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(MainActivity.this,HeadActivity.class);
                startActivityForResult(intent,0x11);
            }
        });

@Override onActivityResult方法：
    protected void onActivityResult(int requestCode,int resultCode,Intent data){
        super.onActivityResult(requestCode,resultCode,data);
        if(requestCode==0x11&&requestCode==0x11){
            Bundle bundle=data.getExtras();
            int imageId=bundle.getInt("imageId");
            ImageView imageView=(ImageView)findViewById(R.id.imageView1);
            imageView.setImageResource(imageId);
        }
    }

点击按钮跳转到图库Activity页面中。

在图库Activity里面写入以下代码响应用户点击图片并通过Intent传递给前一个Activity：

GridView gridView=(GridView)findViewById(R.id.gridView);

BaseAdapter adapter=new BaseAdapter() {

@Override

public int getCount() {

return imageId.length;

}

@Override

public Object getItem(int position) {

return position;

}

@Override

public long getItemId(int position) {

return position;

}

@Override

public View getView(int position, View convertView, ViewGroup parent) {

ImageView imageView;

if(convertView==null){

imageView=new ImageView(HeadActivity.this);

imageView.setAdjustViewBounds(true);

imageView.setMaxHeight(58);

imageView.setMaxWidth(50);

imageView.setPadding(5,5,5,5);

}else{

imageView=(ImageView)convertView;

}

imageView.setImageResource(imageId[position]);

return imageView;

}

};

gridView.setAdapter(adapter);

gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {

@Override

public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

Intent intent=getIntent();

Bundle bundle=new Bundle();

bundle.putInt("imageId",imageId[position]);

intent.putExtras(bundle);

setResult(0x11,intent);

finish();

}

});

结果如下：

时间： 2024-10-29 17:27:56

Android带头像的用户注册页面的相关文章

带验证功能的用户注册页面

简单的用户注册页面:(html) 包含用户名格式验证.邮箱格式验证.确认密码一致性验证和必填项验证.(纯javascript) 1 <body> 2 <center> 3 <h1>用户注册</h1> 4 <hr> 5 <SCRIPT type="text/javascript"> 6 function isEmail(strEmail) { 7 if (strEmail.search(/^\w+((-\w+)|(\

【博客美化】09.评论带头像，且支持旋转

博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加GitHub链接 [博客美化]06.添加QQ交谈链接 [博客美化]07.添加打赏按钮 [博客美化]08.添加"扩大/缩小浏览区域大小" 按钮 [博客美化]09.评论带头像,且支持旋转 1.效果图 2.上传JavaScript文件文件地址:http://files.cnblogs.com/fil

超详细的php用户注册页面填写信息完整实例（附源码）

这篇文章主要介绍了一个超详细的php用户注册页面填写信息完整实例,内容包括邮箱自动匹配.密码强度验证以及防止表单重复等,小编特别喜欢这篇文章,推荐给大家. 注册页面是大多数网站必备的页面,所以很有必要对自己的注册页面做些精心的设计.下面三张图,第一张是注册的展示页面,第二张思维导图就一个简单的逻辑,第三张是通过firebug查看调用的JS文件. 一.给每个输入框写下说明在用户看到这个输入框的时候,就能非常清晰的明白这个输入框是做啥用的,最大限度的降低他们产生疑惑的可能性.我们需要假设用户毫不了

完成一个较为完整的用户注册页面

实验目的: 要求能够熟练掌握javascript的一系列知识要点,并能够熟练的应用到实际项目中,能够通过javascript语法.对象.事件.函数等来完成页面上的脚本代码. 实验内容: 要求: 完成一个较为完整的用户注册页面. 1:要求用户输入用户名时只能够输入英文.数字和下划线 2:要求用户输入的密码和确认密码必须一致 3:要求用户上传本地磁盘中的一个图片文件作为头像 4:要求用户输入验证邮箱,通过javascript代码验证邮箱格式是否正确 5:要求页面实现验证码功能,点击"注册"

【博客美化】评论带头像，且支持旋转

[博客美化]评论带头像,且支持旋转好久没有更新关于博客园页面美化的文章了,这一次主要是写一下关于评论带头像,且支持旋转的内容,希望各位小伙伴能够喜欢!!! 1.效果图 2.添加CSS代码设置-页面定制CSS代码 .feedbackCon img:hover { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: ro

使用Spring Mvc 转发带着模板父页面之解决方法 decorators.xml

周末了,周一布置的任务还没完成,卡在了页面跳转上,接手了一个半截的项目要进行开发,之前没有人给培训,全靠自己爬代码,所以进度比较慢,而且加上之前没有用过 Spring Mvc 开发项目,所以有点吃力,不过接触了Spring Mvc近一个月的时间感觉开发速度确实比 SSH快不少,不用一个一个的Bean去配置,直接扫描就OK了,可就是这样还是有些地方容易搞上一天也没搞多少进度,这不,被我新写的一个 Controller 的转发搞晕了,我本来要实现一个列表的分页查询,哪里想到点下一页的时候,除了我要

Android混合应用开发之页面跳转

Android混合开发之Activity类与html页面之间的相互跳转(并解决黑屏问题) 在底部有本程序源码下载本程序流程:程序启动-->testActivity--->phonegap2框架类--->index.html--->testActivity,主要实现activity与html页面的相互跳转,并实现传递参数的功能. 程序结构图: 1.创建一个安卓项目,在该项目里面添加PhoneGap框架(具体步骤请点击查看),我们知道我们在定义一个主界面的时候往往用的是Activi

盛世恒通网的用户注册页面

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title> 盛世恒通网的用户注册页面 </title> 5 <meta http-equiv="content-type" con

Android之十一实现登陆页面分析

Android之十一实现登陆页面分析二.登录界面的布局分析 1.login.xml Step1:首先建立drawable 文件夹,创建logintopbg_roundcorner.xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <solid a