【Android开发】经典范例2-仿QQ在状态栏显示登录状态的图标

    运行本实例,将显示一个用户登录界面,输入用户名(hpuacm)和密码(1111)后,单击"登录"按钮,将弹出如下图所示的选择登录状态的列表对话框,

单击代表登录状态的列表项,该对话框消失,并在屏幕的左上角显示代表登录状态的通知(如图)

过一段时间后该通知消失,同时在状态栏上显示代表该登录状态的图标(如图)

将状态栏下拉可以看到状态的详细信息(如图)

单击"更改登录状态"按钮,将显示通知列表。单击"退出"按钮,可以删除该通知。

具体实现方法:
此处是一个登陆界面
res/layout/main.xml:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/tableLayout1"
    android:gravity="center_vertical"
    android:background="#000000"
    android:stretchColumns="0,3"
    >
 	<!-- 第一行 -->
 	<TableRow android:id="@+id/tableRow1"
 	    android:layout_width="wrap_content"
 	    android:layout_height="wrap_content">
 	    <TextView/>
 	    <TextView android:text="用户名"
 	        android:id="@+id/textView1"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"
 	        android:textSize="24px"
 	        android:textColor="#FFFFFF"/>
 	    <EditText android:id="@+id/editView1"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"
 	        android:background="#FFFFFF"
 	        android:minWidth="200px"/>
 	    <TextView/>
 	</TableRow>
 	<!-- 第二行 -->
 	<TableRow android:id="@+id/tableRow2"
 	    android:layout_marginTop="10px"
 	    android:layout_width="wrap_content"
 	    android:layout_height="wrap_content">
 	    <TextView/>
 	    <TextView android:text="密    码:"
 	        android:id="@+id/textView2"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"
 	        android:textSize="24px"
 	        android:textColor="#FFFFFF"/>
 	    <EditText android:id="@+id/editView2"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"
 	        android:background="#FFFFFF"
 	        android:textSize="24px"
 	        android:inputType="textPassword"/>
 	    <TextView/>
 	</TableRow>
 	<!-- 第三行 -->
 	<TableRow android:id="@+id/tableRow3"
 	    android:layout_width="wrap_content"
 	    android:layout_height="wrap_content">
 	    <TextView/>
 	    <Button android:text="登录"
 	        android:id="@+id/button1"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"/>
 	    <Button android:text="退出"
 	        android:id="@+id/button2"
 	        android:layout_width="wrap_content"
 	        android:layout_height="wrap_content"/>
 	    <TextView/>
 	</TableRow>
</TableLayout>

效果如图

编写用于布局列表项内容的XML布局文件items.xml,在该文件中,采用水平线形布局管理器,并在该布局管理器中添加ImageView组件和一个TextView组件,分别用于显示列表项中的图标和文字。
res/layout/items.xml:

<?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"
    android:orientation="vertical" >
    <ImageView
        android:id="@+id/image"
        android:paddingLeft="10px"
        android:paddingTop="20px"
        android:paddingBottom="20px"
        android:adjustViewBounds="true"
        android:maxWidth="72px"
        android:maxHeight="72px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
	<TextView
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:padding="10px"
	    android:layout_gravity="center"
	    android:id="@+id/title"/>
</LinearLayout>

MainActivity:

package com.example.test;  

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.app.AlertDialog;
import android.app.AlertDialog.Builder;
import android.app.Notification;
import android.app.NotificationManager;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.SimpleAdapter;
import android.widget.TableRow;

public class MainActivity extends Activity {
	//第一个通知的ID
	final int NOTIFYID_1=123;
	//用户名
	private String user="匿名";
	//定义通知管理器对象
	private NotificationManager notificationManager;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);  

        //获取通知管理器,用于发送通知
        notificationManager=(NotificationManager)getSystemService(NOTIFICATION_SERVICE);
        Button button1=(Button)findViewById(R.id.button1);//获取登录按钮
        //为登录按钮添加单击事件监听
        button1.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View view) {
			     EditText etUser=(EditText)findViewById(R.id.editView1);
				if(!"".equals(etUser.getText())){
					user=etUser.getText().toString();
				}
				sendNotification();//发送通知
			}
		});

        //获取退出按钮
    	Button button2=(Button)findViewById(R.id.button2);
    	//为退出按钮添加单击事件监听器
    	button2.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View view) {
				 notificationManager.cancel(NOTIFYID_1);
				//让布局中的第一行显示
				((TableRow)findViewById(R.id.tableRow1)).setVisibility(View.VISIBLE);
				//让布局中的第二行显示
				((TableRow)findViewById(R.id.tableRow2)).setVisibility(View.VISIBLE);
				//改变"更改登录状态"按钮上显示的文字
				((Button)findViewById(R.id.button1)).setText("登录");
			}
		});
    }

    /*在sendNotification方法中,首先创建一个AlertDialog.Builder对象,并为其
     * 指定要显示的对话框的图标、标题等,然后创建两个用于保存列表项图片id和
     * 文字的数组,并将这些图片id和文字添加到List集合中,再创建一个SimpleAdapter
     * 简单适配器,并将该适配器作为Builder对象的适配器用于为列表对话框添加带
     * 图标的列表项,最后创建对话框并显示。*/
    //发送通知
	private void sendNotification() {
		Builder builder=new AlertDialog.Builder(MainActivity.this);
		builder.setIcon(R.drawable.in);//定义对话框的图标
		builder.setTitle("我的登录状态:");//定义对话框的标题
		final int[] imageId=new int[]{R.drawable.img1,R.drawable.img2,R.drawable.img3,
				R.drawable.img4};//定义并初始化保存图片id的数组
		//定义并初始化保存列表项文字的数组
		final String[] title=new String[]{"在线","隐身","忙碌中","离线"};
		//创建一个List集合
		List<Map<String,Object>> listItems=new ArrayList<Map<String,Object>>();
		//通过for循环将图片id和列表项文字放到Map中,并添加到List集合中
		for(int i=0;i<imageId.length;i++){
			Map<String,Object> map=new HashMap<String,Object>();
			map.put("image", imageId[i]);
			map.put("title",title[i]);
			listItems.add(map);
		}
		final SimpleAdapter adapter=new SimpleAdapter(MainActivity.this,
				listItems,R.layout.item,new String[]{"title","image"},new int[]{R.id.title,R.id.image});
		builder.setAdapter(adapter, new DialogInterface.OnClickListener() {

			@Override
			public void onClick(DialogInterface dialog, int which) {
				Notification notify=new Notification();
				notify.icon=imageId[which];
				notify.tickerText=title[which];
				notify.when=System.currentTimeMillis();//设置发送时间
				notify.defaults=Notification.DEFAULT_SOUND;//设置默认声音
				//设置事件信息
				notify.setLatestEventInfo(MainActivity.this, user, title[which], null);
				//通过通知管理器发送通知
				notificationManager.notify(NOTIFYID_1,notify);
				//让布局中的第一行不显示
				((TableRow)findViewById(R.id.tableRow1)).setVisibility(View.INVISIBLE);
				//让布局中的第二行不显示
				((TableRow)findViewById(R.id.tableRow2)).setVisibility(View.INVISIBLE);
				//改变"登录"按钮上显示的文字
				((Button)findViewById(R.id.button1)).setText("更改登录状态");
			}
		});
		builder.create().show();//创建对话框并显示
	}
}

运行效果和开始描述的效果相同,实现成功!

转载请注明出处:http://blog.csdn.net/acmman/article/details/45057333

时间: 2024-10-28 21:10:46

【Android开发】经典范例2-仿QQ在状态栏显示登录状态的图标的相关文章

Android插件化的思考——仿QQ一键换肤,思考比实现更重要!

Android插件化的思考--仿QQ一键换肤,思考比实现更重要! 今天群友希望写一个关于插件的Blog,思来想去,插件也不是很懂,只是用大致的思路看看能不能模拟一个,思路还是比较重要的,如果你有兴趣的话,也可以加群:555974449,你也可以说出你想看的Blog哦,嘿嘿!好的,不多说,我们进入正题: 关于QQ的换肤,他们的实现思路我不是很清楚,但是你可以看一下这张换肤的截图 我们想使用哪个主题就直接下载就好了,这一实现的过程我们大致的可以猜想: 首选是下载到本地指定文件夹,然后通过插件加载到我

Android使用Item Swipemenulistview实现仿QQ侧滑删除功能

大家都用过QQ,肯定有人好奇QQ滑动删除Item的效果是怎样实现的,其实我们使用Swipemenulistview就可以简单的实现.先看看我们项目中的效果: 使用的时候可以把Swipemenulistview作为一个library,也可以把Swipemenulistview的源码拷贝到我们的项目中来,使用步骤大致可以分为三步:1.在布局中配置:2.在Java代码中初始化配置:3.按钮点击事件的处理 1.在布局中配置 xml布局文件中只需要简单使用这个自定义的ListView就行了,需要注意的是必

android开发当中,如何获得当前地理位置并显示到第二个页面当中

问题描述 android开发当中,如何获得当前地理位置并显示到第二个页面当中 android开发当中,如何获得当前地理位置并显示到第二个页面当中 第一个页面放个提交按钮,点击提交后跳到第二个也能并精准显示出当前地理位置 解决方案 第一个页面 获取当前地理经纬度 使用 sharedpreferences 存储地理坐标 跳到第二页 在从sharedpreferences获取 坐标显示 解决方案二: 可以用Intent传值,或者EventBus

Android带你解析ScrollView–仿QQ空间标题栏渐变

绪论 今天来研究的是ScrollView-滚动视图,滚动视图又分横向滚动视图(HorizontalScrollView)和纵向滚动视图(ScrollView),今天主要研究纵向的.相信大家在开发中经常用到,ScrollView的功能已经很强大了,但是仍然满足不了我们脑洞大开的UI设计师们,所以我们要自定义-本篇文章主要讲监听ScrollView的滑动实现仿QQ空间标题栏渐变,先看一下效果图: 好了我们切入主题. 有可能你不知道的那些ScrollView属性 android:scrollbars

Android 自定View实现仿QQ运动步数圆弧及动画效果_Android

在之前的Android超精准计步器开发-Dylan计步中的首页用到了一个自定义控件,和QQ运动的界面有点类似,还有动画效果,下面就来讲一下这个View是如何绘制的. 1.先看效果图 2.效果图分析 功能说明:黄色的代表用户设置的总计划锻炼步数,红色的代表用户当前所走的步数. 初步分析:完全自定义View重写onDraw()方法,画圆弧. 3.画一个圆弧必备知识 在Canvas中有一个画圆弧的方法 drawArc(RectF oval, float startAngle, float sweepA

android开发-andriod 怎么可以像这个应用一样显示手机内的所有应用程序和一些系统选项

问题描述 andriod 怎么可以像这个应用一样显示手机内的所有应用程序和一些系统选项 如下图所示,我想显示这种效果该怎么做?开发-andriod 怎么可以像这个应用一样显示手机内的所有应用程序和一些系统选项-android 系统应用开发"> 解决方案 http://blog.csdn.net/linxcool/article/details/7692374 解决方案二: http://www.2cto.com/kf/201504/387107.html

Android开发入门(七)处理变化 7.2 保存状态等信息

目前为止,我们已经了解到了,当改变屏幕方向的时候,activity将会被销毁,随后被重建.请记住一点 ,当activity被重建之后,它的当前信息可能消失.当一个activity被kill掉,将会调以下方法中的一个或 着两个: onPause() -- 当一个activity被kill掉或被转入后台的时候,这个方法总是被调用. onSaveInstanceState() -- 当一个activity将被kill掉或转入后台的时候,这个方法也会被掉用,就 像onPause()方法一样.但是,当一个

android开发-为什么安卓的graphical什么都没有显示,也不能拉控件进去

问题描述 为什么安卓的graphical什么都没有显示,也不能拉控件进去 开发-为什么安卓的graphical什么都没有显示,也不能拉控件进去-wii进去hbc什么都没有"> 解决方案 可能少安了一个插件 我也遇到过这个问题 记不太清了 可能是ADT或者是SDK 和AVD反正都能用到都安上吧 解决方案二: ADT,SDK,都有,那应该是差了AVD吧,我弄一个看看,谢谢. 解决方案三: 呃..貌似它是让你更新一下ADT,估计是ADT里面缺失一些东西吧

【Android开发】范例1-开启新线程获取网络图片并显示到ImageView中

利用之前学过的多线程处理技术,我们来写一个开启新线程获取网络图片并显示到ImageView中的实例. 在布局文件中加入一个ImageView图片控件: res/layout/main.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:t