Microsoft Word - weather12 刷新按钮动画+搜索框+bug处理.docx

Size: px

Start display at page:

Download "Microsoft Word - weather12 刷新按钮动画+搜索框+bug处理.docx"

诊段
5 years ago
Views:

xml, 添加如下内容注 : 最后一行 todegrees 是旋转到哪个角度, 这个值越大, 旋转速度越快 ( 二 ) 改标题栏的布局 : 把标题栏布局中右边三个小图标的布局改成下图 : (FrameLayout 布局,

1 一刷新按钮的动画效果 : 在刷新按钮的位置做两个按钮的布局, 一个是原来的静态图片, 一个是旋转的动画, 然后控制这两个效果的显示和隐藏 ( 一 ) 刷新按钮的 style: 1. 在 app/src/main/res/values/ styles.xml 文件里添加一个 style: 2. 在 drawable 文件夹下新建一个 title_update_anim.xml, 添加如下内容注 : 最后一行 todegrees 是旋转到哪个角度, 这个值越大, 旋转速度越快 ( 二 ) 改标题栏的布局 : 把标题栏布局中右边三个小图标的布局改成下图 : (FrameLayout 布局, 一层覆盖一层 ) 解释 FrameLayout 里是刷新按钮的布局,ImageView 是原先的静止的图片,ProgressBar 是旋转动画效果, 这两个用 FrameLayout 叠在一起,visibility 属性控制 ProgressBar 默认不显示用一个 LinearLayout 布局把这三个图标布局到标题栏右侧

2 以前的布局是这样的 : 这个布局方法是先把刷新图标排在最右侧, 然后在它左边贴着放一个分享按钮, 在分享按钮的左边贴着放一个定位按钮但是 toleftof 对 FrameLayout 就没有那种效果了, 所以用一个 LinearLayout

3 ( 三 ) 在 MainActivity.java 里添加控制刷新按钮静态图片和刷新按钮动画效果来回切换的代码 1. 定义一个 ProgressBar 控件 2. 在 OnCreate 函数里将这个控件与布局文件的 id 关联 3. 在获取网络数据的函数 QueryWeatherCode() 里添加这两句 : 隐藏刷新按钮图片, 显示刷新动画效果解释因为函数 QueryWeatherCode() 在点击刷新按钮时调用, 点击刷新就切换成刷新动画

4. 在 handlemessage 下面的位置添加这两句 : 显示刷新按钮图片,

4 4. 在 handlemessage 下面的位置添加这两句 : 显示刷新按钮图片, 隐藏刷新动画效果解释在子线程里解析完网络数据之后, 通过消息机制, 将解析的天气对象发给主线程, 主线程接收后调用 updatetodayweather() 来更新界面的天气信息, 然后刷新结束, 所以在这里添加让刷新按钮恢复原状的代码二搜索框 : ( 一 ) 搜索框的 UI 布局 : 1. 资源导入这两张图, 放在 drawable-xhdpi 文件夹里 2. 在 select_city.xml 标题布局的下方,ListView 的上方放搜索框的布局 :

5 其中 : android:singleline="true" 意思是输入的东西单行显示 #ffbec0c3 是背景那块灰色 textcolor 是输入文字的颜色 textcolorhint 是 hint 的颜色 ( 搜索全国城市 ( 中文 / 拼音 ))

6 ( 二 ) 实现搜索功能 ( 用 TextWatcher 的输入监听实现 ) 1. 自定义城市搜索的适配器新建 SearchCityAdapter.java

7 SearchCityAdapter.java: public class SearchCityAdapter extends BaseAdapter{ private Context mcontext;//selectcity Activity private List<City> mcitylists;// 所有城市列表 private List<City> msearchcitylists;// 搜索到的城市列表 private LayoutInflater minflater;// 布局填充器 public SearchCityAdapter(Context context, List<City> citylists){ mcontext = context; mcitylists = citylists; msearchcitylists = new ArrayList<City>();

8 器, minflater = LayoutInflater.from(mContext);// 从一个 Context 中, 获得一个布局填充 // 返回 ListView 里面所有的 item 子项的个数 public int getcount() { return msearchcitylists.size(); // 返回每一个 item 子项 public Object getitem(int position) { return msearchcitylists.get(position); // 返回每一个 item 子项的 id public long getitemid(int position) { return position; // 返回每一项的显示内容 /* 第一个参数 position 该视图在适配器数据中的位置第二个参数 convertview----- 旧视图第三个参数 parent 此视图最终会被附加到的父级视图 */ public View getview(int position, View convertview, ViewGroup parent) { if(convertview == null) { convertview = minflater.inflate(r.layout.default_search_city,null);// 将 XML 转化为 View ///@@@item TextView provincetv = (TextView)convertView.findViewById(R.id.search_province);//Item 布局中对应的控件 === 省名 TextView citytv = (TextView)convertView.findViewById(R.id.search_city);//Item 布局中对应的控件 === 城市名 provincetv.settext(msearchcitylists.get(position).getprovince());// 设置控件的属性值 - 省 citytv.settext(msearchcitylists.get(position).getcity());// 设置控件的属性值 - 城市名 return convertview; public Filter getfilter(){ Filter filter = new Filter() {

9 protected FilterResults performfiltering(charsequence constraint) { String str = constraint.tostring().touppercase(); FilterResults results = new FilterResults();// 本函数返回的过滤结果 ArrayList<City> fliterlist = new ArrayList<City>();// 存储过滤后留下的数据 if(mcitylists!= null && mcitylists.size()!=0){ for(city city : mcitylists){ //getallfirstpy().indexof(str): 查找指定字符或字符串 str 在字符串 getallfirstpy() 中第一次出现地方的索引, 未找到的情况返回 -1. if(city.getallfirstpy().indexof(str) > -1 // 全拼音 (BEIJING) city.getallpy().indexof(str) > -1 // 每个字的拼音首字母 (BJ) city.getcity().indexof(str) > -1){ // 城市或区名称 ( 北京 ) fliterlist.add(city); results.values = fliterlist;// 过滤操作之后的数据的值 results.count = fliterlist.size();// 过滤操作之后的数据的数量 return results; protected void publishresults(charsequence constraint, FilterResults results) { msearchcitylists = (ArrayList<City>) results.values; if(results.count > 0){ notifydatasetchanged(); else { notifydatasetinvalidated(); ; return filter; 其中 default_search_city.xml( 这是 ListView 中每一项的布局 ): <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent"

10 android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="20dip" android:gravity="center_vertical" android:minheight="40.0dip" android:text=" 北京 " android:textsize="15sp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="10dip" android:gravity="center_vertical" android:minheight="40.0dip" android:text=" 北京 " /> </LinearLayout> 2. 在 SelectCity.java 里添加 :

使用 TextWatcher 监听 EditText 变化, 如果有输入内容就把 ListView 的适配器设置成筛选出搜索结果的适配器, 并调用 getfilter 进行数据筛选, 否则用原来的适配器改 ListView 适配器的单击事件,ListView 有两个适配器 ( 原先的显示所有城市信息的适配器

11 使用 TextWatcher 监听 EditText 变化, 如果有输入内容就把 ListView 的适配器设置成筛选出搜索结果的适配器, 并调用 getfilter 进行数据筛选, 否则用原来的适配器改 ListView 适配器的单击事件,ListView 有两个适配器 ( 原先的显示所有城市信息的适配器和当前筛选出搜索结果的适配器 ), 如果当前适配器是搜索的适配器, 那么从搜索适配器中获取 item, 否则从全部城市列表里获取 item SelectCity.java: public class SelectCity extends Activity implements View.OnClickListener{

12 private ImageView mbackbtn;// 返回按钮 private String citycode; // 返回到城市编码 private TextView titlename;// 顶部标题的文字控件 private EditText msearchedittext;// 搜索框 private SearchCityAdapter msearchcityadapter;// 搜索城市的适配器 private ArrayAdapter<String> cityadapter;// 所有城市的适配器 private List<City> mcitylist;// 城市列表 private ListView mcitylistview;// 城市管理界面的 ListView { // 使用 TextWatcher 监听 EditText 变化 TextWatcher mtextwatcher = new TextWatcher() { // 变化前 public void beforetextchanged(charsequence s, int start, int count, int after) // 变化中 public void ontextchanged(charsequence s, int start, int before, int count) { msearchcityadapter = new SearchCityAdapter(SelectCity.this, mcitylist);// 根据输入的内容创建适配器 mcitylistview.settextfilterenabled(true);// 数据过滤 if(mcitylist.size() < 1 TextUtils.isEmpty(s)){// 输入为空或者城市列表为空 mcitylistview.setadapter(cityadapter); else{ mcitylistview.setadapter(msearchcityadapter);// 重置 ListView 的适配器 msearchcityadapter.getfilter().filter(s);// 数据的过滤以及刷新展示 // 变化后 public void aftertextchanged(editable s) { ; protected void oncreate(bundle savedinstancestate){ super.oncreate(savedinstancestate); setcontentview(r.layout.select_city); // 更新 ListView updatelistview();

13 // 返回按钮 mbackbtn = (ImageView)findViewById(R.id.title_back); mbackbtn.setonclicklistener(this); // 更新顶部当前城市文字 InitView(); // 按钮的单击事件 public void onclick(view v) { switch (v.getid()){ // 点击返回按钮 case R.id.title_back: Log.d("myWeather","click back"); Intent i=new Intent();//weather08-2 //i.putextra("citycode"," "); i.putextra("citycode",citycode);//putextra 将计算的值回传回去 ; 返回城市编号 --weather08-2 setresult(result_ok, i);//weather08-2 finish();// 结束当前的 activity 的生命周期 break; default: break; 据 // 用适配器更新 ListView void updatelistview() { /*ListView 三种适配器的使用 */ //--level1 MyApplication mapplication = MyApplication.getInstance(); mcitylist = mapplication.getcitylist();// 获取城市列表 final String[] viewlist = new String[mCityList.size()];// 显示在 ListView 中的数 int i=0; for(city city:mcitylist){ viewlist[i]=city.getcity(); i++; mcitylistview = (ListView)findViewById(R.id.list_view); cityadapter = new ArrayAdapter<String>(// 适配器 SelectCity.this,

14 android.r.layout.simple_list_item_1, viewlist);// 适配器 mcitylistview.setadapter(cityadapter); //ListView 适配器的单击响应事件 mcitylistview.setonitemclicklistener(new AdapterView.OnItemClickListener() {// 单击 ListView 的响应事件 public void onitemclick(adapterview<?> parent, View view, int position, long id) { City city; if(msearchcityadapter!= null){ city = /*mcitylist.get(position);*/(city)msearchcityadapter.getitem(position); else city = mcitylist.get(position); citycode = city.getnumber(); updatetitlename(city.getcity()); Toast.makeText(SelectCity.this," 你单击了 "+position+":"+ city.getcity() +", 编码为 "+ citycode,toast.length_short).show(); ); // 初始化 UI 控件 void InitView(){ // 将控件名与 id 关联 titlename=(textview)findviewbyid(r.id.title_name);// 标题名 msearchedittext=(edittext)findviewbyid(r.id.search_edit);// 搜索框 msearchedittext.addtextchangedlistener(mtextwatcher); // 初始化控件内容 titlename.settext(" 当前城市 : 北京 "); // 更新顶部当前城市的文字 void updatetitlename(string cityname){ titlename.settext(" 当前城市 :" + cityname);

16 三 Bug 处理 : ( 一 ) 当选择城市界面不选择任何城市, 返回主界面异常处理方式 : 添加当 SelectCity 界面返回给主界面的 CityCode 为空时的判断, 只有不为空的时候才更新天气数据 ( 二 ) 主界面点击刷新按钮会默认刷新成北京, 从主 Activity 进入城市管理界面的时候, 标题永远是当前城市 : 北京处理方式 : 用 SharedPreference 存储当前城市编码, 当进入城市管理界面时获取这个数据更新 title, 当选择或定位当前城市, 使当前城市改变时, 把当前城市存入 SharedPreference

17 SharedPreference 存储的城市在下次运行模拟器的时候还在 1. 创建 SharedPreferenceUtil 工具类 : util/sharedpreferenceutil.java public class SharedPreferenceUtil { public SharedPreferences sp; public SharedPreferences.Editor speditor; public static final String CITY_SHAREPRE_FILE = "city"; public static final String CURR_CITY_CODE = "curcitycode";// 当前主界面显示城市的编码 public SharedPreferenceUtil(Context context, String file){ sp = context.getsharedpreferences(file, Context.MODE_PRIVATE); speditor = sp.edit(); // 设置当前城市的编码 public void setcurcitycode(string curcitycode){ speditor.putstring(curr_city_code, curcitycode);// 以键值对形式写入 Editor speditor.commit();// 提交数据 // 获取当前城市的编码 public String getcurcitycode(){ return sp.getstring(curr_city_code, ""); 2. 在 MyApplication.java 中添加 :

18 3. 在 MainActivity.java 中添加 : OnCreate() 中添加 : 接收 SelectCity 的返回数据后, 将选择的城市存入 SharedPreference: 点击刷新按钮时, 如果 SharedPreference 里存的城市编码为空, 就默认为北京, 并存入 SharedPreference; 否则从 SharedPreference 中获取城市编码, 刷新网络数据

19 4. 在 SelectCity.java 中添加 : (SelectCity.java 中应该在 OnCreate 时从 SharedPreference 中获取当前城市编码, 然后对应找到城市名, 并用它更新当前城市 title ) 这里的 HashMap 用来存城市编码 - 城市信息的键值对, 这样根据城市编码就能查到一条城市的信息, 然后可以获取城市名来更新 title 在 OnCreate() 中 :

20 ( 三 ) 部分城市缺数据找一个缺数据的小城市, 查看 parsexml() 函数返回的数据这个数据通过消息机制传给 updatetodayweather() 处理 1. 在 updatetodayweather() 根据网络数据刷新 TextView 的前面添加信息为 null 时的处理 : 2. 在 TodayWeather.java 中将无数据的信息赋值

21 PS: 还有一个遇到的问题 : 运行模拟器时电脑突然关机 =_= 再打开就一直 build failed 解决方式 :

预览图 : (2) 在 SelectCity.java 中增加控件, 用于绑定 select_city 文件的 ListView, TextView,EditTest 等控件代码和注释如下 :

预览图 : (2) 在 SelectCity.java 中增加控件, 用于绑定 select_city 文件的 ListView, TextView,EditTest 等控件代码和注释如下 : EditText 实现城市搜索 1801210778 邹宇航摘要 : 使用 EditText 实现搜索城市的功能, 以此为依据更新 ListView 1. 效果图 : 2. 主要步骤 (1) 在 select-city.xml 布局文件中中添加 EditText 控件用作搜索框, 然后添加 ListView 控件用来显示城市名字内容代码如下 : 预览图 : (2) 在 SelectCity.java