Android之QQ新用户注册界面1

还没到睡觉时间所以再加了一个界面...

问题:

1、下拉列表（因为还没看到这里...）

2、标题栏显示问题

3、按钮的 Enable 设置　　

　　..........

以下是代码：

布局 fragment_main（问题1）

  1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2     xmlns:tools="http://schemas.android.com/tools"
  3     android:layout_width="match_parent"
  4     android:layout_height="match_parent"
  5     android:focusable="true"
  6     android:focusableInTouchMode="true"
  7     android:background="#F7F7F9"
  8     tools:context="com.dragon.android.qqregist.MainActivity$PlaceholderFragment" >
  9
 10     <Button
 11         android:id="@+id/button2"
 12         android:layout_width="wrap_content"
 13         android:layout_height="50dp"
 14         android:layout_alignParentTop="true"
 15         android:background="#ffffff"
 16         android:drawableLeft="@drawable/aa"
 17         android:text="@string/button2"
 18         android:textColor="#1CBAF5" />
 19
 20    <TextView
 21        android:id="@+id/textView2"
 22        android:layout_width="match_parent"
 23        android:layout_height="50dp"
 24        android:layout_alignBaseline="@+id/button2"
 25        android:layout_alignBottom="@+id/button2"
 26        android:background="#ffffff"
 27        android:gravity="center"
 28        android:text="@string/pagename"
 29        android:textColor="#1CBAF5" />
 30
 31     <LinearLayout
 32         android:id="@+id/linear"
 33         android:layout_width="match_parent"
 34         android:layout_height="wrap_content"
 35         android:orientation="horizontal"
 36         android:layout_below="@id/button2"
 37         android:paddingTop="30dp"
 38         android:paddingBottom="20dp" >
 39
 40     <Spinner
 41         android:id="@+id/spinner1"
 42         android:layout_width="0dp"
 43         android:layout_height="wrap_content"
 44         android:background="@drawable/bg_spinner"
 45         android:layout_weight="1"
 46         android:entries="@array/country"/>
 47
 48    <EditText
 49         android:id="@+id/editText1"
 50         android:layout_width="0dp"
 51         android:layout_height="wrap_content"
 52         android:layout_weight="2"
 53         android:background="@drawable/bg_edittext"
 54         android:ems="10"
 55         android:inputType="phone"
 56         android:hint="@string/innum"
 57         android:color="#000000"
 58         android:textSize="15sp" >
 59
 60     </EditText>
 61
 62     </LinearLayout>
 63
 64     <Button
 65         android:id="@+id/button1"
 66         android:layout_width="match_parent"
 67         android:layout_height="wrap_content"
 68         android:layout_marginLeft="10dp"
 69         android:layout_marginRight="10dp"
 70         android:layout_below="@id/linear"
 71         android:enabled="false"
 72         android:background="@drawable/bg_button"
 73         android:text="@string/button"
 74         android:gravity="center"
 75         android:textColor="#FFFFFF" />
 76
 77     <CheckBox
 78         android:id="@+id/checkBox1"
 79         android:layout_width="wrap_content"
 80         android:layout_height="wrap_content"
 81         android:layout_marginTop="10dp"
 82         android:layout_marginLeft="10dp"
 83         android:layout_below="@id/button1"
 84         android:text="@string/sure"
 85         android:textSize="12sp"
 86         android:textColor="#A6A6A7" />
 87
 88     <TextView
 89         android:id="@+id/textView1"
 90         android:layout_width="wrap_content"
 91         android:layout_height="wrap_content"
 92         android:layout_alignBaseline="@+id/checkBox1"
 93         android:layout_alignBottom="@+id/checkBox1"
 94         android:layout_marginLeft="10dp"
 95         android:layout_toRightOf="@+id/checkBox1"
 96         android:autoLink="all"
 97         android:text="@string/protocol"
 98         android:textSize="12sp" />
 99
100 </RelativeLayout>

fragment_main

EditText、Spinner 以及 Button 修改前后的背景

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <shape xmlns:android="http://schemas.android.com/apk/res/android" >
 3
 4     <stroke android:width="1px"  android:color="#BEBEBE"/>
 5
 6     <solid android:color="#FFFFFF" />
 7
 8     <padding
 9         android:left="10dp"
10         android:top="10dp"
11         android:bottom="10dp"/>
12
13 </shape>

bg_edittext

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <shape xmlns:android="http://schemas.android.com/apk/res/android" >
 3
 4     <stroke android:width="1px"  android:color="#BEBEBE"/>
 5
 6     <solid android:color="#FFFFFF" />
 7
 8     <padding
 9         android:left="10dp"
10         android:top="10dp"
11         android:bottom="10dp"/>
12
13 </shape>

bg_spinner

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <shape xmlns:android="http://schemas.android.com/apk/res/android" >
 3
 4     <solid android:color="#808080"/>
 5
 6     <corners android:radius="10dp"/>
 7
 8     <padding
 9         android:top="10dp"
10         android:bottom="10dp"/>
11
12 </shape>

bg_button

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <shape xmlns:android="http://schemas.android.com/apk/res/android" >
 3
 4     <solid android:color="#1CBAF5"/>
 5
 6     <corners android:radius="10dp"/>
 7
 8     <padding
 9         android:top="10dp"
10         android:bottom="10dp"/>
11
12 </shape>

bg_buttin_change

Spinner 的下拉数据 arrays

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <resources>
 3     <string-array name="country">
 4         <item >中国     +86</item>
 5         <item >香港     +852</item>
 6         <item >澳门     +853</item>
 7         <item >台湾     +886</item>
 8         <item >日本     +81</item>
 9         <item >美国     +1</item>
10         <item >英国     +44</item>
11     </string-array>
12 </resources>

arrays

标题栏的背景（问题2 -- 放弃）

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <resources xmlns:android="http://schemas.android.com/apk/res/android">
 3
 4     <style name="bg_title" parent="android:Theme">
 5         <item name="android:windowTitleBackgroundStyle">@style/Titleground</item>
 6         <item name="android:windowTitleStyle">@style/windowTitleStyle</item>
 7         <item name="android:windowTitleSize">40dp</item>
 8     </style>
 9
10     <style name="Titleground">
11         <item name="android:background">#FFFFFF</item>
12     </style>
13
14     <style name="windowTitleStyle">
15       <item name="android:text">@string/pagename</item>
16       <item name="android:textColor">#1CBAF5</item>
17       <item name="android:paddingTop">2dp</item>
18       <item name="android:paddingBottom">2dp</item>
19       <item name="android:textSize">20sp</item>
20       </style>
21
22 </resources>

bg_titile

问题2替换方法：隐藏标题栏 -- 在 AndroidManifest 中添加 -- android:theme="@android:style/Theme.NoTitleBar" >

MainActivity （问题3）

 1 package com.dragon.android.qqregist;
 2
 3 import android.annotation.SuppressLint;
 4 import android.app.Activity;
 5 import android.graphics.Color;
 6 import android.os.Bundle;
 7 import android.view.View;
 8 import android.widget.AdapterView;
 9 import android.widget.AdapterView.OnItemSelectedListener;
10 import android.widget.Button;
11 import android.widget.CheckBox;
12 import android.widget.CompoundButton;
13 import android.widget.CompoundButton.OnCheckedChangeListener;
14 import android.widget.EditText;
15 import android.widget.Spinner;
16 import android.widget.Toast;
17
18 public class MainActivity extends Activity {
19     private Spinner spinner = null;
20     private EditText editText1;
21     private Button button2;
22     private Button button1;
23     private CheckBox checkBox1;
24
25     @Override
26     protected void onCreate(Bundle savedInstanceState) {
27         super.onCreate(savedInstanceState);
28         setContentView(R.layout.fragment_main);
29
30         spinner = (Spinner) findViewById(R.id.spinner1);
31         spinner.setSelection(0);
32         editText1 = (EditText) findViewById(R.id.editText1);
33         editText1.setHintTextColor(Color.GRAY);
34         button2 = (Button) findViewById(R.id.button2);
35         // 设置空间置顶
36         button2.bringToFront();
37         button1 = (Button) findViewById(R.id.button1);
38
39         // spinner 选择监听事件
40         spinner.setOnItemSelectedListener(new OnItemSelectedListener() {
41
42             @Override
43             // parent当前spinner pos/id选中的值所在位置/行
44             public void onItemSelected(AdapterView<?> parent, View view,
45                     int pos, long id) {
46                 // 得到string-array
47                 String[] country = getResources().getStringArray(
48                         R.array.country);
49                 Toast.makeText(MainActivity.this, "你选择的是:" + country[pos],
50                         Toast.LENGTH_SHORT).show();
51             }
52
53             @Override
54             public void onNothingSelected(AdapterView<?> parent) {
55                 // Another interface callback
56             }
57         });
58         checkBox1 = (CheckBox) findViewById(R.id.checkBox1);
59         checkBox1.setOnCheckedChangeListener(new OnCheckedChangeListener() {
60
61             @Override
62             @SuppressLint("NewApi")
63             public void onCheckedChanged(CompoundButton view, boolean inChecked) {
64                 button1.setEnabled(inChecked);
65                 if (!inChecked) {
66                     // 设置按钮的背景
67                     button1.setBackground(getResources().getDrawable(
68                             R.drawable.bg_button));
69                 } else {
70                     button1.setBackground(getResources().getDrawable(
71                             R.drawable.bg_button_change));
72                 }
73             }
74         });
75     }
76 }

图片素材

aa.png -- ps用不了了，改不了颜色...

---------------------改是时候睡觉了...---------------------

时间： 2024-10-21 09:39:14

Android之QQ新用户注册界面1的相关文章

android竖向显示新特性界面

腾讯手机管家,初始界面有个小飞机动啊动啊,还挺好玩的,而且显示新特征为竖向展示,不知道这种东西该如何实现呢?给自己留下比较深的印象,然后楼主就是探索这种是如何实现的. 看着很不错,显示特征为竖向,增加小火箭的动态感,兼具金秀贤的帅气,简单.明确.有特点. 我得目的: 1.实现显示新特征的竖向. 2.增加动态箭头的动感. 3.颜色采用小清新一个自定义的ViewPager可以搞定,引用自JakeWharton的一个开源项目:点击打开链接,同时借鉴了weidi1989的Android之仿网易V3.5

新用户注册界面

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>用户注册</title><style>body,ul,li,h1,h2,h3,form,div,p,span {padding:0;margin:0;}ul,li {list-style:none;}html {font-size:62.5%;}body

android 仿QQ气泡聊天界面

1.现在的QQ,微信等一些APP的聊天界面都是气泡聊天界面,左边是接收到的消息,右边是发送的消息, 这个效果其实就是一个ListView在加载它的Item的时候,分别用了不同的布局xml文件. 2.效果图(其中的聊天信息框是采用了.9.png的图片): 3.对中间聊天的的listView进行说明: 左边Item的xml文件效果如下: 右边Item的xml文件效果如下: 4.在加载ListView当中重写getView()方法,通过判断消息传入类型,来使item加载哪一个xml文件: 自定义ada

php创建新用户注册界面布局实例

<!DOCTYPE> <html> <head> <title>Load page</title> <meta http-equiv="Content-type" content="text/html" charset="utf8"> <style type="text/css"> body{ font-family:Arial, Helvet

Android之QQ登录界面

首先过程中碰到的几个问题: 1.对 EditText 进行自定义背景 2.运行时自动 EditText 自动获得焦点 3.在获得焦点时即清空 hint ,而不是输入后清空 4.清空按钮的出现时机(在得到焦点并且有输入内容时) ......... --- 这些问题都有一一解决 --- 以下是代码: 布局 fragment_main(问题2) 1 <!-- android:focusable="true" 2 android:focusableInTouchMode="t

邮箱认证新用户注册，并用验证回传参数完成用户的注册

邮箱认证新用户注册,也可用于重置密码第一部分:发送邮箱 1.当用户注册完的时候,提示用户打开邮箱验证 2.当用户填写信息后,用户信息插入数据库(ischeck设置为0 未验证),并发送邮件(内容用微信的方式进行拼接和回调参数) public static void SendMail(string smtpserver/*SMTP服务器smtp.qq.com*/, int enablessl/*是否启用SSL加密*/, string userName/*登录帐号*/, string pwd/*登

android——利用SharedPreference做引导界面

很久以前就接触过sharedPreference这个android中的存储介质.但是一直没有实际使用过,今天在看之前做的“民用机型大全”的app时,突然想到可以使用sharedPreference类来改进这个app中的一个缺陷. 此前,我先介绍sharedPreference的使用.Android数据总共有四种存储的方式一.SharePreference 二.SQLite 三.File 四.ContentProvider SharedPreference类是一个轻量级的存储类,特别适合保存软件

android原生browser分析(二)--界面篇

我们先看一张浏览器的主界面,上面标示浏览器界面各部分对应的类,这里是以平板上的界面为例.给张图是为了给大家一个直观的感觉. BrowserActivity是整个应用的主界面,在onCreate中创建了Controller对象,Controller对象是整个应用最重要的管理类,这个后面再说. @Override public void onCreate(Bundle icicle) { mController = createController(); } Controller的创建中新建了UI类

Android 5.X新特性

首先,如果要使用Android 5.X的新特性,我们必须导入5.X的支持包 FloatingActionButton Android 的新的设计规范中具有阴影效果的悬浮窗按钮. 使用之前需要先引入design包. FloatingActionButton是ImageView子类我们先来看布局中的属性设置 <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout