我的首个电子书软件--嘎嘎读书 的开发（七）
这篇文章讲解 嘎嘎读书中的搜索页，搜索页效果如下，有两种状态，搜索未开始时 还有搜索结果时。 左边图片是为搜索之前的样子，展示一些热搜索词，点击会直接搜索， 右边图片则是搜索出结果后的样子，会发现，热词隐藏了。分析页面的布局，可以看到首先是上下结构，头部是相同的，一个标题栏加一个搜索框，底部热搜词部分是一个listview，每个item显示左右两个热词。当然你可以选
·
这篇文章讲解 嘎嘎读书中的搜索页，搜索页效果如下，有两种状态，搜索未开始时 还有搜索结果时。
左边图片是为搜索之前的样子，展示一些热搜索词，点击会直接搜索， 右边图片则是搜索出结果后的样子，会发现，热词隐藏了。分析页面的布局，可以看到首先是上下结构，头部是相同的，一个标题栏加一个搜索框，底部热搜词部分是一个listview，每个item显示左右两个热词。当然你可以选择gridview。右图就是比较标准的listview布局。
下面是布局文件。
搜索页整体比较简单，关键点是两个layout之间的显示和隐藏的切换。用事件触发切换，下面是页面activity代码。
package com.prince.gagareader;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import org.json.JSONException;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.graphics.drawable.Drawable;
import android.net.ConnectivityManager;
import android.net.NetworkInfo.State;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import com.prince.gagareader.bean.BookBean;
import com.prince.gagareader.bean.HotwordBean;
import com.prince.gagareader.util.DateProvider;
import com.prince.gagareader.util.ImageUtil;
import com.prince.gagareader.util.ImageUtil.OnPreparedImageListenner;
import com.umeng.analytics.MobclickAgent;
public class SearchActivity extends Activity{
private Handler handler;
private ListView resultListView;
private ListView hotwordListView;
private Button backButton;
private Button searchButton;
private TextView headTv;
private EditText searchText;
private LinearLayout loadingLinear;
private LinearLayout noresultLinear;
private List resultBeanList;
private List hotwords;
private ResultAdapter resultAdapter;
private HotwordAdapter hotAdapter;
private String key;
private int lastVisibleIndex;
private int pno=0;
private boolean loadMoreLock=false;
private LinearLayout resultLinear;
private LinearLayout hotLinear;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.search);
initHandler();
initData();
initView();
addListenner();
}
private void initHandler(){
handler = new Handler(){
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what) {
case 1: //public
MsgBean msgBean = (MsgBean)msg.obj;
String tag = msgBean.getTag();
Drawable bitmap = msgBean.getBitmap();
ImageView iv = (ImageView)resultListView.findViewWithTag(tag);
if(iv!=null){
iv.setImageDrawable(bitmap);
}
break;
case 2://数据加载完成 显示
noresultLinear.setVisibility(View.GONE);
hotLinear.setVisibility(View.GONE);
loadingLinear.setVisibility(View.GONE);
resultLinear.setVisibility(View.VISIBLE);
resultAdapter.notifyDataSetChanged();
break;
case 3://没有网络
break;
case 4:
noresultLinear.setVisibility(View.VISIBLE);
loadingLinear.setVisibility(View.GONE);
resultLinear.setVisibility(View.GONE);
break;
case 5:
loadingLinear.setVisibility(View.GONE);
hotLinear.setVisibility(View.VISIBLE);
hotAdapter.notifyDataSetChanged();
break;
default:
break;
}
}
};
}
private void initData(){
Intent intent = this.getIntent();
key = intent.getStringExtra("key");
resultBeanList = new ArrayList();
hotwords = new ArrayList();
if(key==null){
new Thread(new Runnable() {
@Override
public void run() {
loadHotWord();
}
}).start();
}else{
new Thread(new Runnable() {
@Override
public void run() {
loadMore();
}
}).start();
}
resultAdapter = new ResultAdapter();
hotAdapter = new HotwordAdapter();
}
private void initView(){
backButton = (Button)findViewById(R.id.btn_leftTop);
resultListView = (ListView)findViewById(R.id.cateLv);
headTv = (TextView)findViewById(R.id.tv_head);
loadingLinear = (LinearLayout)findViewById(R.id.bottom_linear);
headTv.setText("搜索");
searchText = (EditText)findViewById(R.id.searchText);
if(key!=null)searchText.setText(key);
searchButton = (Button)findViewById(R.id.searchButton);
hotwordListView = (ListView)findViewById(R.id.hotLv);
resultLinear = (LinearLayout)findViewById(R.id.resultLinear);
hotLinear = (LinearLayout)findViewById(R.id.hotLinear);
noresultLinear = (LinearLayout)findViewById(R.id.noresultLinear);
resultLinear.setVisibility(View.GONE);
hotLinear.setVisibility(View.GONE);
noresultLinear.setVisibility(View.GONE);
}
private void addListenner(){
resultListView.setAdapter(resultAdapter);
resultListView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView arg0, View arg1, int location,
long arg3) {
BookBean bookBean = resultBeanList.get(location);
Intent intent = new Intent(SearchActivity.this,
BookDetailActivity.class);
intent.putExtra("nid", bookBean.getNid());
startActivity(intent);
}
});
searchButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
String searchKey = searchText.getText().toString();
if(searchKey!=null&&!"".equals(searchKey)){
key = searchKey;
resultBeanList.clear();
resultAdapter.notifyDataSetChanged();
loadingLinear.setVisibility(View.VISIBLE);
pno=0;
new Thread(new Runnable() {
@Override
public void run() {
loadMore();
}
}).start();
}else{
resultLinear.setVisibility(View.GONE);
if(hotwords!=null&&hotwords.size()>0){
hotLinear.setVisibility(View.VISIBLE);
}else{
new Thread(new Runnable() {
@Override
public void run() {
loadHotWord();
}
}).start();
}
}
}
});
backButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
SearchActivity.this.finish();
}
});
hotwordListView.setAdapter(hotAdapter);
//resultListView.setOnScrollListener(this);
}
private String getNetWorkCate(){
ConnectivityManager conMan = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);
State mobile = conMan.getNetworkInfo(ConnectivityManager.TYPE_MOBILE).getState();
State wifi = conMan.getNetworkInfo(ConnectivityManager.TYPE_WIFI).getState();
if(mobile==State.CONNECTED||mobile==State.CONNECTING)
return "3g";
if(wifi==State.CONNECTED||wifi==State.CONNECTING)
return "wifi";
return "none";
}
private void sendMsgBean(String tag,Drawable bitmap,int msgWhat){
Message message = new Message();
message.what = msgWhat;
MsgBean msgBean = new MsgBean(bitmap,tag);
message.obj = msgBean;
handler.sendMessage(message);
}
class MsgBean{
private String tag;
private Drawable bitmap;
public MsgBean(Drawable bitmap,String tag){
this.bitmap = bitmap;
this.tag = tag;
}
public String getTag() {
return tag;
}
public void setTag(String tag) {
this.tag = tag;
}
public Drawable getBitmap() {
return bitmap;
}
public void setBitmap(Drawable bitmap) {
this.bitmap = bitmap;
}
}
private void loadMore(){
if(loadMoreLock)return;
loadMoreLock = true;
String netState = getNetWorkCate();
if(!"none".equals(netState)){
try {
List resultBeanListMore = DateProvider.getInstance().getResultJson(key, pno++);
if(resultBeanListMore!=null&&resultBeanListMore.size()>0){
resultBeanList.addAll(resultBeanListMore);
sendMsgBean(null, null, 2);
}
if(resultBeanListMore==null){
if(hotwords!=null&&hotwords.size()>0){
hotLinear.setVisibility(View.VISIBLE);
}else{
loadHotWord();
}
sendMsgBean(null, null, 4);
}
} catch (IOException e) {
e.printStackTrace();
} catch (JSONException e) {
e.printStackTrace();
}
}else{
sendMsgBean(null, null, 3);
}
loadMoreLock = false;
}
private void loadHotWord(){
try {
hotwords = DateProvider.getInstance().getHotwordBeanList();
sendMsgBean(null, null, 5);
} catch (IOException e) {
e.printStackTrace();
} catch (JSONException e) {
e.printStackTrace();
};
}
class HotwordAdapter extends BaseAdapter{
@Override
public int getCount() {
return hotwords.size();
}
@Override
public Object getItem(int arg0) {
return hotwords.get(arg0);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
HotwordBean hotwordBean = hotwords.get(position);
return preparedHotwordView(hotwordBean, convertView);
}
public View preparedHotwordView(HotwordBean hotwordBean,View convertView){
if(convertView==null)
convertView=LayoutInflater.from(SearchActivity.this).inflate(R.layout.hotword_item, null);
TextView leftTv = (TextView)convertView.findViewById(R.id.leftword);
TextView rightTv = (TextView)convertView.findViewById(R.id.rightword);
final String leftWord = hotwordBean.getLeftWord();
final String rightWord = hotwordBean.getRigthWord();
leftTv.setText(leftWord);
rightTv.setText(rightWord);
leftTv.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
key = leftWord;
searchText.setText(key);
resultBeanList.clear();
resultAdapter.notifyDataSetChanged();
loadingLinear.setVisibility(View.VISIBLE);
hotLinear.setVisibility(View.GONE);
pno=0;
loadMore();
}
});
rightTv.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
key = rightWord;
searchText.setText(key);
resultBeanList.clear();
resultAdapter.notifyDataSetChanged();
loadingLinear.setVisibility(View.VISIBLE);
hotLinear.setVisibility(View.GONE);
pno=0;
loadMore();
}
});
return convertView;
}
}
class ResultAdapter extends BaseAdapter{
@Override
public int getCount() {
return resultBeanList.size();
}
@Override
public Object getItem(int arg0) {
return resultBeanList.get(arg0);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
BookBean bookBean = resultBeanList.get(position);
return preparedSingleBookView(bookBean, convertView);
}
public View preparedSingleBookView(BookBean bookBean,View convertView){
if(convertView==null)
convertView=LayoutInflater.from(SearchActivity.this).inflate(R.layout.single_book_item, null);
ImageView iv = (ImageView)convertView.findViewById(R.id.bookshow);
iv.setImageResource(R.drawable.bg);
TextView name_tv = (TextView)convertView.findViewById(R.id.novel_name);
TextView author_tv = (TextView)convertView.findViewById(R.id.novel_author);
TextView des_tv = (TextView)convertView.findViewById(R.id.novel_des);
TextView lastChapter_tv = (TextView)convertView.findViewById(R.id.novel_lastChapter);
TextView site_tv = (TextView)convertView.findViewById(R.id.novel_site);
name_tv.setText(bookBean.getNovelName());
author_tv.setText("作者:"+bookBean.getAuthor());
des_tv.setText("类别:"+bookBean.getDes()+" 状态:"+(bookBean.getState()==0?"连载中":"完结"));
lastChapter_tv.setText("更新至:"+bookBean.getLastChapter());
site_tv.setText("来源:"+bookBean.getSourceSite());
final String imgurl = bookBean.getFengmianUrl();
final String nid = bookBean.getNid();
iv.setTag(imgurl+nid);
ImageUtil iu = ImageUtil.getInstance();
iu.preparedImage(imgurl, new OnPreparedImageListenner() {
@Override
public void onPrepared(Drawable bitmap) {
sendMsgBean(imgurl+nid, bitmap, 1);
}
});
return convertView;
}
}
public void onResume() {
super.onResume();
MobclickAgent.onResume(this);
}
public void onPause() {
super.onPause();
MobclickAgent.onPause(this);
}
}
代码也比较简单，我就不细讲了。最近事情比较多，说的比较简单。
嘎嘎读书应用的整体框架已经有了，起码流程都可以走通了，当然还缺一些比如男生频道 女生标签 排行榜等页面，但是那些都是一些辅助的功能，可以根据不同的需求不断的添加。就不在这浪费大家的耐心一点点贴出来了。细心的同学肯定发现，到现在为止有一个最重要的部分没有讲。那就是阅读页的效果。
阅读页时开发时花费时间最长的一个模块，当然 对于读书软件，阅读页是每个用户停留时间最长的页面。所以值得花费那么长的时间来推敲和开发。即便如此，我开发的阅读页的效果也只是一种最朴实的翻页效果。而比如翻书样式的实体翻页效果需要更高深的功力，我现在还没工夫研究，但是可以阅读这种硬需求已经实现了。下一篇文章，我就开始讲阅读页。也是这个系列最重要的一篇文章，敬请期待。
在阅读下篇文章之前，请事先具备 android 自定义 View的相关知识的要点的掌握。其实阅读页并没有那么神秘，虽然比较复杂，但我们都是程序员，最喜欢解决复杂的问题！不是么！
开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)