zoukankan      html  css  js  c++  java
  • Android带头像的用户注册页面

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

    首先是注册页面的布局:

    <?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>
    
    </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();
                }
            });
    

    结果如下:

  • 相关阅读:
    初识Java8新特性Lambda(二) 之collections
    hadoop-2.5.0-cdh5.3.6 native包 替换
    初识Java8新特性Lambda(三 ) 之lambda类库Stream
    初识Java8新特性Lambda(一)
    js将文件流转为文件
    验证有效的外部链接
    gb2312编码转换
    Beautiful Soup4
    chromedriver版本下载
    redmine使用post登录,cookie使用
  • 原文地址:https://www.cnblogs.com/BasilLee/p/4260068.html
Copyright © 2011-2022 走看看