网络HTML查看器
代码语言：javascript复制httpurlconnection:
1、发送请求
（1）创建一个URL对象
（2）设置请求头信息
2、服务器返回数据
（1）判断状态码：200 ok，404 没有找到资源、503、509 服务器端错误
（2）解析服务器返回的二进制数据，解析成一个图片
（3）把图片显示在TextView上示例代码：
代码语言：javascript复制package com.itheima.htmlview;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
import com.itheima.htmlview.utils.StreamTools;
public class MainActivity extends Activity {
private EditText et_path;
private TextView tv_content;
private Handler handler = new Handler(){
public void handleMessage(android.os.Message msg) {
String data = (String) msg.obj;
tv_content.setText(data);
};
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
et_path = (EditText) findViewById(R.id.et_path);
tv_content = (TextView) findViewById(R.id.tv_content);
}
public void click(View view){
new Thread(){
public void run() {
try {
String path = et_path.getText().toString().trim();
//1、发送请求
//（1）创建一个URL对象
URL url = new URL(path);
HttpURLConnection conn = (HttpURLConnection) url.openConnection();
//（2）设置请求头信息
conn.setRequestMethod("GET");
conn.setConnectTimeout(3000);
//2、服务器返回数据
//（1）判断状态码：200 ok，404 没有找到资源、503、509 服务器端错误
int code = conn.getResponseCode();
if(code == 200){
//（2）解析服务器返回的二进制数据，解析成一个字符串
InputStream is = conn.getInputStream();
String data = StreamTools.readStream(is);
//（3）把图片显示在TextView上
Message msg = Message.obtain();
msg.obj = data;
handler.sendMessage(msg);
}else{
Toast.makeText(MainActivity.this, "请输入一个HTML页面的网络地址", 0).show();
}
} catch (Exception e) {
e.printStackTrace();
}
};
}.start();
}
}线程不能修改UI界面
activity中的oncreate方法和单击事件的方法都是运行在主线程中的。 只有创建UI界面的那个线程才能修改UI: Only the original thread that created a view hierarchy can touch its views. 主线程（UI线程），只有主线程才能修改UI。如果子线程修改UI，系统验证当前线程是不是主线程，如果不是主线程，就会终止运行。 runOnUiThread
消息处理机制的原理（重点）
步骤：
1、主线程中创建handler
代码语言：javascript复制private Handler handler = new Handler(){
};2、在线程中得到handler的引用，调用发送消息的方法，
代码语言：javascript复制Message msg = new Message();
msg.obj = bm;
handler.sendMessage(msg);3、handler修改UI界面
代码语言：javascript复制//用来接收消息并处理消息
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
//2、handler修改UI界面
Bitmap bm = (Bitmap) msg.obj;
iv.setImageBitmap(bm);
}Handler、Message、Looper（消息处理机制的原理）：
前提知识： 所有使用UI界面的操作系统，后台都运行着一个死循环，在不停的监听和接收用户发出的指令，一旦接收指令就立即执行。 当我们的Android应用程序的进程一创建的时候，系统就给这个进程提供了一个Looper，Looper是一个死循环，它内部维护这个一个消息队列，Loop不停地从消息队列中取消息（Message），取到消息就发送给了Handler，最后Handler根据接收到的消息去修改UI。
网图片查看器（重点）
1、发送请求：GET
2、接收服务器端返回的响应数据
使用代码实现的步骤：
代码语言：javascript复制1、创建URL，打开一个HTTP的连接；
2、设置请求头信息：GET（GET、POST）
3、接收服务器端返回的响应数据，响应码：200 ok，404没有找到资源 ，503服务器端内部错误
4、把接收的二进制数据转换成图片模版代码：
代码语言：javascript复制1、创建一个URL对象，打开一个HTTP连接
URL url = new URL(path);
HttpURLConnection conn = (HttpURLConnection) url.openConnection();
2、设置请求头信息：GET（GET、POST）
conn.setRequestMethod("GET");
conn.setConnectTimeout(5000);
3、接收服务器端返回的响应数据，响应码：200 ok，404没有找到资源 ，503服务器端内部错误
int code = conn.getResponseCode();
if(code == 200){
InputStream is = conn.getInputStream();
}
4、添加访问互联网的权限：
<uses-permission android:name="android.permission.INTERNET"/>
网络在主线程上的异常: android.os.NetworkOnMainThreadException
从Androi4.0开始，google更加UI界面运行的流畅性，强制要求访问网络的操作不能在主线程中进行，只能在子线程中进行。消息处理常用API
代码语言：javascript复制//运行在主线程上，内部使用线程的合并技术，把数据子线程合并了主线程
runOnUiThread(new Runnable() {
@Override
public void run() {
iv.setImageBitmap(bm);
}
});
//Runnable 线程的接口类，uptimeMillis从开机到现在间隔的毫秒数
handler.postAtTime(new Runnable() {
@Override
public void run() {
tv.setText("postAtTime");
}
}, 5000);
Timer计时器新闻客户端
1、设计UI界面
（1）activity_main.xml:
代码语言：javascript复制<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity" >
<ListView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@ id/lv" />
</LinearLayout>(2)item.xml
代码语言：javascript复制<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<com.loopj.android.image.SmartImageView
android:layout_width="80dip"
android:layout_height="80dip"
android:src="@drawable/ic_launcher"
android:id="@ id/iv_image"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@ id/tv_title"
android:singleLine="true"
android:text="标题标题标题标题标题标题标题标题标题"
android:layout_toRightOf="@id/iv_image"
android:textSize="16sp"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@ id/tv_desc"
android:maxLines="3"
android:text="描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述"
android:layout_toRightOf="@id/iv_image"
android:layout_below="@id/tv_title"
android:textSize="12sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@ id/tv_type"
android:layout_alignParentRight="true"
android:text="跟帖"
android:layout_below="@id/tv_desc"
android:textSize="10sp"
/>
</RelativeLayout>2、在子线程中访问网络，获得xml数据
代码语言：javascript复制public class MainActivity extends Activity {
private ListView lv;
private List<NewsItem> list = new ArrayList<NewsItem>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lv = (ListView) findViewById(R.id.lv);
//从网络上读取数据、解析xml文件
readData();
//使用数据适配器为listview填充数据
lv.setAdapter(new MyAdapter());
}
//从网络上读取数据、解析xml文件
private void readData(){
//在子线程中访问网络，获得xml数据
new Thread(){
public void run() {
try {
String path = "http://192.168.22.136:8080/news.xml";
//1、发送请求
//（1）创建一个URL对象
URL url = new URL(path);
HttpURLConnection conn = (HttpURLConnection) url.openConnection();
//（2）设置请求头信息
conn.setRequestMethod("GET");
conn.setConnectTimeout(3000);
//2、服务器返回数据
//（1）判断状态码：200 ok，404 没有找到资源、503、509 服务器端错误
int code = conn.getResponseCode();
if(code == 200){
//（2）解析服务器返回的二进制数据，解析成一个字符串
InputStream is = conn.getInputStream();
list = NewsParseService.parseNewsItems(is);
}else{
Toast.makeText(MainActivity.this, "请输入一个HTML页面的网络地址", 0).show();
}
} catch (Exception e) {
e.printStackTrace();
}
};
}.start();
}
}3、解析xml格式的数据，把数据封装到list
代码语言：javascript复制public class NewsParseService {
private static List<NewsItem> list;
/**
* 解析新闻的xml数据返回list
* @param is
* @return
*/
public static List<NewsItem> parseNewsItems(InputStream is){
try {
XmlPullParser parser = Xml.newPullParser();
parser.setInput(is, "UTF-8");
//得到解析的时间类型
int type = parser.getEventType();
list = new ArrayList<NewsItem>();
NewsItem item = null;
while(type != XmlPullParser.END_DOCUMENT){
switch (type) {
case XmlPullParser.START_TAG:
if("item".equals(parser.getName())){
item = new NewsItem();
}else if("title".equals(parser.getName())){
String title = parser.nextText();
item.setTitle(title);
}else if("description".equals(parser.getName())){
String description = parser.nextText();
item.setDescription(description);
}else if("image".equals(parser.getName())){
String image = parser.nextText();
item.setImage(image);
}else if("type".equals(parser.getName())){
String newsType = parser.nextText();
item.setType(newsType);
}else if("comment".equals(parser.getName())){
String comment = parser.nextText();
item.setComment(comment);
}
break;
case XmlPullParser.END_TAG:
if("item".equals(parser.getName())){
list.add(item);
item = null;
}
}
type = parser.next();
}
} catch (Exception e) {
e.printStackTrace();
}
System.out.println(list.size() "。。。。。。。");
return list;
}
}4、把list里面的数据显示在listview
代码语言：javascript复制1、自定义一个数据适配器
private class MyAdapter extends BaseAdapter{
@Override
public int getCount() {
return list.size();
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view = null;
if(convertView == null){
//加载item的布局文件
view = View.inflate(MainActivity.this, R.layout.item, null);
}else{
//重复利用item的视图
view = convertView;
}
//得到item布局文件中的控件
SmartImageView image = (SmartImageView) view.findViewById(R.id.iv_image);
TextView tv_title = (TextView) view.findViewById(R.id.tv_title);
TextView tv_desc = (TextView) view.findViewById(R.id.tv_desc);
TextView tv_type = (TextView) view.findViewById(R.id.tv_type);
NewsItem item = list.get(position);
image.setImageUrl(item.getImage());
//设置item中的控件设置数据
tv_title.setText(item.getTitle());
tv_desc.setText(item.getDescription());
if("1".equals(item.getType())){
tv_type.setText("跟帖:" item.getComment());
tv_type.setTextColor(Color.BLACK);
}else if("2".equals(item.getType())){
tv_type.setText("视频");
tv_type.setTextColor(Color.BLUE);
}else if("3".equals(item.getType())){
tv_type.setText("专题");
tv_type.setTextColor(Color.RED);
}
return view;
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return null;
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return 0;
}
}
2、在oncreate方法中调用lv.setAdapter方法为listview填充数据：
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lv = (ListView) findViewById(R.id.lv);
//从网络上读取数据、解析xml文件
readData();
//使用数据适配器为listview填充数据
lv.setAdapter(new MyAdapter());
}使用smartImageView显示新闻图片
- 1、把smartImageView的源代码/src/com文件夹拷到自己的代码的src目录中
- 2、调用image.setImageUrl(item.getImage())方法加载图片
imageLoader 开源的项目 不重复发明轮子 1减少开发成本 耗时
smartImageView的工作原理
1、写一个类继承ImageView
代码语言：javascript复制import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.widget.ImageView;
public class SmartImageView extends ImageView{
//用来创建带有属性信息和样式的对象
public SmartImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
//用来创建带有属性信息的对象
public SmartImageView(Context context, AttributeSet attrs) {
super(context, attrs);
}
//用来创建一个没有属性的对象
public SmartImageView(Context context) {
super(context);
}
//1、在主线程中创建一个handler
private Handler handler = new Handler(){
public void handleMessage(android.os.Message msg) {
//2、修改UI界面
Bitmap bm = (Bitmap) msg.obj;
SmartImageView.this.setImageBitmap(bm);
};
};
//写一个setImageUrl方法，可以根据一个图片的url加载图片
public void setImageUrl(final String url){
new Thread(){
public void run() {
try {
String path = url;
//1、发送请求
//（1）创建一个URL对象
URL url = new URL(path);
HttpURLConnection conn = (HttpURLConnection) url.openConnection();
//（2）设置请求头信息
conn.setRequestMethod("GET");
conn.setConnectTimeout(3000);
//2、服务器返回数据
//（1）判断状态码：200 ok，404 没有找到资源、503、509 服务器端错误
int code = conn.getResponseCode();
if(code == 200){
//（2）解析服务器返回的二进制数据，解析成一个字符串
InputStream is = conn.getInputStream();
Bitmap bm = BitmapFactory.decodeStream(is);
//在线程中调用handler的引用，向服务端发送消息
Message msg = Message.obtain();
msg.obj = bm;
handler.sendMessage(msg);
}
} catch (Exception e) {
e.printStackTrace();
}
};
}.start();
}
}2、在布局文件中添加一个SmartImageView这个类：
代码语言：javascript复制<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<--报名要写完整-->
<com.itheima.smartimageview.SmartImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@ id/iv" />
</RelativeLayout>使用GET方式向服务器端提交数据
Get 1、把需要提交的参数组拼到URL地址的后面：
代码语言：javascript复制http://192.168.22.136:8080/web/servlet/LoginServlet?username=123&password=1233缺点：
代码语言：javascript复制1、提交数据的长度有限制：
最大长度4kb，windows中提交数据时最大长度为1kb；
2、不安全优点：
代码语言：javascript复制代码简单代码：
代码语言：javascript复制import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import com.itheima.htmlview.utils.StreamTools;
import android.app.Activity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;
public class MainActivity extends Activity {
private EditText et_qq;
private EditText et_pwd;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
et_qq = (EditText) findViewById(R.id.et_qq);
et_pwd = (EditText) findViewById(R.id.et_pwd);
}
public void login(View view){
final String qq = et_qq.getText().toString().trim();
final String pwd = et_pwd.getText().toString().trim();
if(TextUtils.isEmpty(qq) || TextUtils.isEmpty(pwd)){
Toast.makeText(this, "qq和密码不能空", 0).show();
return;
}else{
new Thread(){
public void run() {
try {
//组拼参数到URL后面
String path = "http://192.168.22.136:8080/web/servlet/LoginServlet?username=" qq "&password=" pwd;
//1、发送请求
//（1）创建一个URL对象
URL url = new URL(path);
HttpURLConnection conn = (HttpURLConnection) url.openConnection();
//（2）设置请求头信息
conn.setRequestMethod("GET");
conn.setConnectTimeout(3000);
//2、服务器返回数据
//（1）判断状态码：200 ok，404 没有找到资源、503、509 服务器端错误
int code = conn.getResponseCode();
if(code == 200){
//（2）解析服务器返回的二进制数据，解析成一个字符串
InputStream is = conn.getInputStream();
String result = StreamTools.readStream(is);
System.out.println("---------" result);
}
} catch (Exception e) {
e.printStackTrace();
}
};
}.start();
}
}
}
public class StreamTools {
/**
* 把输入流转换成一个字符串
* @param is
* @return
*/
public static String readStream(InputStream is){
try {
byte[] buffer = new byte[1024];
ByteArrayOutputStream baos = new ByteArrayOutputStream();
StringBuilder sb = new StringBuilder();
int len = -1;
while((len = is.read(buffer)) != -1){
baos.write(buffer, 0, len);
}
return baos.toString();
} catch (Exception e) {
return "";
}
}
}使用POST方式提交数据（重点）
业务场景：
代码语言：javascript复制1、用户登录
2、文件上传1、设置请求头信息POST、Content-Length：
代码语言：javascript复制conn.setRequestProperty("Content-Type", "application/x-www-form-urlencoded");
//必须添加的两个请求头信息
conn.setRequestProperty("Content-Length", data.length() "");
conn.setRequestMethod("POST");2、设置把数据提交到服务器端：
代码语言：javascript复制conn.setDoOutput(true);
//把数据写到服务器端
conn.getOutputStream().write(data.getBytes());缺点：
代码语言：javascript复制1、代码复杂优点：
代码语言：javascript复制1、安全；
2、提交大量的数据代码：
代码语言：javascript复制import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import com.itheima.htmlview.utils.StreamTools;
import android.app.Activity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;
public class MainActivity extends Activity {
private EditText et_qq;
private EditText et_pwd;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
et_qq = (EditText) findViewById(R.id.et_qq);
et_pwd = (EditText) findViewById(R.id.et_pwd);
}
public void login(View view){
final String qq = et_qq.getText().toString().trim();
final String pwd = et_pwd.getText().toString().trim();
if(TextUtils.isEmpty(qq) || TextUtils.isEmpty(pwd)){
Toast.makeText(this, "qq和密码不能空", 0).show();
return;
}else{
new Thread(){
public void run() {
try {
String path = "http://192.168.22.136:8080/web/servlet/LoginServlet";
String data = "username=" qq "&password=" pwd;
//1、发送请求
//（1）创建一个URL对象
URL url = new URL(path);
HttpURLConnection conn = (HttpURLConnection) url.openConnection();
//（2）设置请求头信息
conn.setRequestProperty("Content-Type", "application/x-www-form-urlencoded");
//必须添加的两个请求头信息
conn.setRequestProperty("Content-Length", data.length() "");
conn.setRequestMethod("POST");
conn.setConnectTimeout(3000);
//设置把数据提交到服务器端
conn.setDoOutput(true);
//把数据写到服务器端
conn.getOutputStream().write(data.getBytes());
//2、服务器返回数据
//（1）判断状态码：200 ok，404 没有找到资源、503、509 服务器端错误
int code = conn.getResponseCode();
if(code == 200){
//（2）解析服务器返回的二进制数据，解析成一个字符串
InputStream is = conn.getInputStream();
String result = StreamTools.readStream(is);
System.out.println("---------" result);
}
} catch (Exception e) {
e.printStackTrace();
}
};
}.start();
}
}
}
get:提交数据大小是有限制 1Kb 4kb
post:
