酷欧天气2.0(四)——显示城市天气数据WeatherActivity

思路

用两个Fragment来承载城市的天气数据,再在WeatherActivity中根据滑动方向加载城市信息,并将这个数据显示在另一个切换出来的Fragment上。

代码

一、如何让两个Fragment的状态栏透明
如果用《第一行代码中》中的方法,会出现最先被add的Fragment状态栏透明,但后add的Fragment的状态栏却消失的情况。
解决方法就是先将系统的状态栏消失,再自己为Fragment的布局用View写个状态栏并设为透明,然后获取手机状态栏的高度,动态设置View的高度,就完成了。
1、系统状态栏消失

if(Build.VERSION.SDK_INT>=21){//如果版本号大于或等于21
            View decorView=getWindow().getDecorView();
            decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    |View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            getWindow().setStatusBarColor(Color.TRANSPARENT);
}

2、将View设置为状态栏

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimary">

    <ScrollView
        android:id="@+id/weather_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none"
        android:overScrollMode="never">
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <View
                android:id="@+id/view_statusBar"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:background="#00000000"/>
            <include layout="@layout/title"/>
            <include layout="@layout/now"/>
            <include layout="@layout/forecast"/>
            <include layout="@layout/aqi"/>
            <include layout="@layout/suggestion"/>
        </LinearLayout>
    </ScrollView>
</FrameLayout>

3、获取手机状态栏的高度

public class WindowAttr {
    public static int getStateBarHeight(Activity a) {
        int result = 0;
        int resourceId = a.getResources().getIdentifier("status_bar_height",
                "dimen", "android");
        if (resourceId > 0) {
            result = a.getResources().getDimensionPixelSize(resourceId);
        }
        return result;
    }
}

4、动态设置View的高度

view_statusBar=(View)view.findViewById(R.id.view_statusBar);
view_statusBar.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, WindowAttr.getStateBarHeight(getActivity())));

二、WeatherFragment:
1、两个Fragment除了名字完全一致,都用于显示城市的天气信息。

public void showWeatherInfo(Weather weather){
        String cityName=weather.basic.cityName;
        String updateTime=weather.basic.update.updateTime.split(" ")[1];
        String degree=weather.now.temperature+"℃";
        String weatherInfo=weather.now.more.info;
        titleCity.setText(cityName);
        titleUpdateTime.setText(updateTime);
        degreeText.setText(degree);
        weatherInfoText.setText(weatherInfo);
        forecastLayout.removeAllViews();
        for(Forecast forecast:weather.forecastList){//将forecastLayout的子项forecast_item加载进去
            View view= LayoutInflater.from(getActivity()).inflate(R.layout.forecast_item,forecastLayout,false);
            TextView dateText=(TextView)view.findViewById(R.id.date_text);
            TextView infoText=(TextView)view.findViewById(R.id.info_text);
            TextView maxText=(TextView)view.findViewById(R.id.max_text);
            TextView minText=(TextView)view.findViewById(R.id.min_text);
            dateText.setText(forecast.date);
            infoText.setText(forecast.more.info);
            maxText.setText(forecast.temperature.max+"℃");
            minText.setText(forecast.temperature.min+"℃");
            forecastLayout.addView(view);
        }
        if(weather.aqi!=null){
            aqiText.setText(weather.aqi.city.aqi);
            pm25Text.setText(weather.aqi.city.pm25);
        }
        String comfort="舒适度:"+weather.suggestion.comfort.info;
        String carWash="洗车指数:"+weather.suggestion.carWash.info;
        String sport="运动建议:"+weather.suggestion.sport.info;
        comfortText.setText(comfort);
        carWashText.setText(carWash);
        sportText.setText(sport);
        weatherLayout.setVisibility(View.VISIBLE);
}

2、切换Fragment时,被hide的WeatherFragment需要被置顶,但切换是有动画效果的,置顶的操作不能在切换时被发现,所以我延迟了500ms执行置顶效果。

public void onHiddenChanged(boolean hidden) {
        super.onHiddenChanged(hidden);
        if(hidden){
            /*延时500毫秒*/
            Handler handler = new Handler();
            handler.postDelayed(new Runnable() {
                @Override
                public void run() {
                    weatherLayout.smoothScrollTo(0,0);//将fragment置顶
                }
            }, 500);
        }else {

        }
    }

3、在WeatherActivity初始化Fragment,先隐藏FragmentTwo,显示FragmentOne。

private void initFragment(){
        fragmentOne=new WeatherFragmentOne();
        fragmentTwo=new WeatherFragmentTwo();
        transaction=getSupportFragmentManager().beginTransaction();
        transaction.add(R.id.framelayout_weather,fragmentOne);
        transaction.add(R.id.framelayout_weather,fragmentTwo);
        transaction.hide(fragmentTwo);
        transaction.commit();
}

三、onStart()
因为从WeatherAddActivity退回到WeatherActivity后,城市信息会有变化,所以我把获取城市数据和显示城市天气信息的操作都挪到了onStart()中进行。

1、获取数据和显示信息,并得到数据库中城市的数量weatherNum,及当前要显示数据库中第几个城市的信息defNum。

private void showFragment(){
        List<County_Addition> countyAdditions= DataSupport.findAll(County_Addition.class);
        for(County_Addition countyAddition:countyAdditions){
            weatherNum++;
            if(countyAddition.getDef()==true)
                defNum=weatherNum;
            requestWeather(countyAddition.getCountyWeatherId(),countyAddition,STATE);
        }
}
public void requestWeather(final String weatherId, final County_Addition county_addition,final int frag_state){
        String weatherUrl="http://guolin.tech/api/weather?cityid="+weatherId+
                "&key=63660528a9dc4f968243a7f0669cbe26";
        HttpUtil.sendOkHttpRequest(weatherUrl, new Callback() {
            @Override
            public void onResponse(Call call, Response response) throws IOException {
                final String responseText=response.body().string();
                final Weather weather=Utility.handleWeatherResponse(responseText);
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        if(weather!=null&&"ok".equals(weather.status)){
                            county_addition.setCountyWeather(responseText);
                            county_addition.save();
                            if(county_addition.getDef()==true){
                                if(frag_state==1)
                                    fragmentOne.showWeatherInfo(weather);
                                else if(frag_state==2)
                                    fragmentTwo.showWeatherInfo(weather);
                            }
                        }else {
                            Toast.makeText(WeatherActivity.this,"获取天气信息失败",Toast.LENGTH_SHORT).show();
                        }
                    }
                });
            }
            public void onFailure(Call call, IOException e){
                e.printStackTrace();
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(WeatherActivity.this,"获取天气信息失败",Toast.LENGTH_SHORT).show();
                    }
                });
            }
        });
    }

2、根据手指触控事件切换城市。一开始我用的onTouchEvent来判断左右滑动指示,但因为我的Fragment界面用到了ScrollView,所以自己写的onToucheEvent不能触发,大概是被ScrollView消费了,之后改成dispatchTouchEvent居然就解决了!!!

public boolean dispatchTouchEvent(MotionEvent event) {
        if(event.getAction() == MotionEvent.ACTION_DOWN){
            x1=event.getX();
        }
        if(event.getAction()==MotionEvent.ACTION_UP){
            x2=event.getX();
            if(x2-x1>100){
                changeFragment(LEFT);
            }else if(x1-x2>100){
                changeFragment(RIGHT);
            }
        }
        return super.dispatchTouchEvent(event);
}

3、Fragment切换操作

private void changeFragment(int lr){
        transaction=getSupportFragmentManager().beginTransaction();
        if(lr==RIGHT){
            transaction.setCustomAnimations(R.anim.push_left_in,R.anim.push_left_out);
            if(defNum<weatherNum){
                defNum++;
                showFragment(transaction,defNum);
            }
        }else if(lr==LEFT){
            transaction.setCustomAnimations(R.anim.push_right_in,R.anim.push_right_out);
            if(defNum>1){
                defNum--;
                showFragment(transaction,defNum);
            }
        }
        transaction.commit();
}
private void showFragment(FragmentTransaction transaction,int num){
        int i=0;
        if(STATE==1){
            transaction.hide(fragmentOne);
            transaction.show(fragmentTwo);
            List<County_Addition> countyAdditions= DataSupport.findAll(County_Addition.class);
            for(County_Addition countyAddition:countyAdditions){
                i++;
                if(i==num){
                    fragmentTwo.showWeatherInfo(Utility.handleWeatherResponse(countyAddition.getCountyWeather()));
                    break;
                }
            }
            STATE=2;
        }else if(STATE==2){
            transaction.hide(fragmentTwo);
            List<County_Addition> countyAdditions= DataSupport.findAll(County_Addition.class);
            for(County_Addition countyAddition:countyAdditions){
                i++;
                if(i==num){
                    fragmentOne.showWeatherInfo(Utility.handleWeatherResponse(countyAddition.getCountyWeather()));
                    break;
                }
            }
            transaction.show(fragmentOne);
            STATE=1;
        }
}

源码

百度网盘:https://pan.baidu.com/s/1ZxDCr3ceptIUOFHWc_q2QA (密码: hdkf)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,864评论 6 494
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,175评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,401评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,170评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,276评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,364评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,401评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,179评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,604评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,902评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,070评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,751评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,380评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,077评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,312评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,924评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,957评论 2 351

推荐阅读更多精彩内容