Android MVVM框架搭建(九)TabLayout、ViewPager、城市地图天气切换

private InfoFragmentBinding binding;

/**

  • 标题数组

*/

private final String[] titles = {“新闻”,“视频”};

private final List fragmentList = new ArrayList<>();

@Override

public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container,

@Nullable Bundle savedInstanceState) {

binding = DataBindingUtil.inflate(inflater,R.layout.info_fragment,container,false);

return binding.getRoot();

}

@Override

public void onActivityCreated(@Nullable Bundle savedInstanceState) {

super.onActivityCreated(savedInstanceState);

fragmentList.add(new NewsFragment());

fragmentList.add(new VideoFragment());

binding.vp.setAdapter(new InfoFragmentAdapter(getChildFragmentManager(), fragmentList, titles));

binding.tab.setupWithViewPager(binding.vp);

}

}

现在这个InfoFragment就写好了,下面就是去移除掉nav_graph.xml中的NewsFragment和VideoFragment,移除后如下图所示

在这里插入图片描述

然后就是底部的菜单移除,navigation_menu.xml中移除新闻和视频,移除后如下图:

在这里插入图片描述

好了,最后再检查一下activity_home.xml。修改一下标题

在这里插入图片描述

然后就是修改HomeActivity中的initView方法中的代码,如下图所示:

在这里插入图片描述

下面运行一下:

在这里插入图片描述

二、抽屉菜单


之前在主页面的HomeActivity中使用过抽屉菜单,现在需要在MapFragment中使用,目的是为了加载城市信息,例如全国的省、市、区/县、镇。

首先修改map_fragment的页面布局,代码如下:

<?xml version="1.0" encoding="utf-8"?>

<layout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:app=“http://schemas.android.com/apk/res-auto”

xmlns:tools=“http://schemas.android.com/tools”>

<androidx.drawerlayout.widget.DrawerLayout

android:id=“@+id/drawer_layout”

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.ui.fragment.MapFragment”>

<com.amap.api.maps.MapView

android:id=“@+id/map_view”

android:layout_width=“match_parent”

android:layout_height=“match_parent” />

<LinearLayout

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignParentEnd=“true”

android:layout_alignParentBottom=“true”

android:layout_marginEnd=“20dp”

android:orientation=“vertical”>

<com.google.android.material.floatingactionbutton.FloatingActionButton

android:id=“@+id/fab_weather”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginBottom=“20dp”

android:contentDescription=“天气”

android:src=“@mipmap/ic_weather”

android:visibility=“gone”

app:backgroundTint=“@color/white”

app:fabSize=“auto”

tools:ignore=“UsingOnClickInXml” />

<com.google.android.material.floatingactionbutton.FloatingActionButton

android:id=“@+id/fab_city”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginBottom=“20dp”

android:contentDescription=“城市”

android:src=“@mipmap/ic_city”

android:visibility=“gone”

app:backgroundTint=“@color/white”

app:fabSize=“auto”

tools:ignore=“UsingOnClickInXml” />

<LinearLayout

android:id=“@+id/lay”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:layout_gravity=“end”

android:background=“@color/white”

android:orientation=“vertical”>

</androidx.drawerlayout.widget.DrawerLayout>

这里我添加了一个城市的浮动按钮,图标到我源码里面去拿,这个按钮同样是在获取到天气预报信息之后才显示出来,因此在MapFragment中需要先去添加,如下图所示:

在这里插入图片描述

这里我们需要给这个按钮一个点击事件,在onActivityCreated方法中添加如下代码:

//点击按钮显示城市弹窗

binding.fabCity.setOnClickListener(v -> binding.drawerLayout.openDrawer(GravityCompat.END));

这里点击按钮是显示这个抽屉页面,这里设置是从屏幕右侧打开,如果不设置则默认是从左侧打开,因为我们在布局中设置抽屉的位置在右侧。

然后就是抽屉的监听,打开和关闭需要控制浮动按钮的显示和隐藏。代码仍然在onActivityCreated方法中,如下所示:

//抽屉菜单监听

binding.drawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {

@Override

public void onDrawerSlide(@NonNull @NotNull View drawerView, float slideOffset) {

}

@Override

public void onDrawerOpened(@NonNull @NotNull View drawerView) {

binding.fabCity.hide();

}

@Override

public void onDrawerClosed(@NonNull @NotNull View drawerView) {

binding.fabCity.show();

}

@Override

public void onDrawerStateChanged(int newState) {

}

});

一目了然,添加位置没有太多的讲究,如下图所示:

在这里插入图片描述

下面我们运行一下,如下图所示:

在这里插入图片描述

三、行政区搜索


现在抽屉菜单有了,下面就是要获取数据了,从哪里去获取呢?高德给我们提供了API,首先创建对象,在MapFragment中添加如下代码:

//地区搜索

private DistrictSearch districtSearch;

//地区搜索查询

private DistrictSearchQuery districtSearchQuery;

然后因为同样是搜索,所以我们可以与地理编码搜索放在一个地方,在initSearch方法中添加如下代码:

在这里插入图片描述

注意这里的this则表示当前的页面需要实现监听的回调,如下图所示:

在这里插入图片描述

然后实现方法:

/**

  • 行政区搜索返回

  • @param districtResult 搜索结果

*/

@Override

public void onDistrictSearched(DistrictResult districtResult) {

}

这里的回调就会返回搜索的结果,下面来测试一下,下面写一个方法用来进行地区搜索的启动方法,代码如下:

/**

  • 行政区搜索

*/

public void districtSearch(String name) {

//设置查询关键字

districtSearchQuery.setKeywords(name);

districtSearch.setQuery(districtSearchQuery);

// 异步查询行政区

districtSearch.searchDistrictAsyn();

}

通过这个方法就能够开始查询了,比如我们一开始就查询国内有多少个省市行政区,创建变量:

//数组下标

private int index = 0;

//行政区数组

private final String[] districtArray = new String[5];

在这里插入图片描述

然后我们打印一下区域返回的数据看看是什么样子的,修改onDistrictSearched中的代码如下所示:

/**

  • 行政区搜索返回

  • @param districtResult 搜索结果

*/

@Override

public void onDistrictSearched(DistrictResult districtResult) {

if (districtResult != null) {

if (districtResult.getAMapException().getErrorCode() == AMapException.CODE_AMAP_SUCCESS) {

final List nameList = new ArrayList<>();

List subDistrict1 = districtResult.getDistrict().get(0).getSubDistrict();

for (int i = 0; i < subDistrict1.size(); i++) {

String name = subDistrict1.get(i).getName();

nameList.add(name);

}

Log.e(TAG, "onDistrictSearched: " + subDistrict1.size());

for (DistrictItem districtItem : subDistrict1) {

Log.e(TAG, "onDistrictSearched: "+districtItem.getName());

}

} else {

showMsg(districtResult.getAMapException().getErrorCode() + “”);

}

}

}

运行一下,只要切换到地图哪里就能看到控制台打印的数据了,如下图所示:

在这里插入图片描述

这说明我们已经拿到了全国的省级行政区了,那么我们给展示到抽屉菜单中。

四、行政区展示


展示数据通常是使用列表进行的,在这里也不例外,所以我们需要修改一下map_fragment.xml,如下图所示:

在这里插入图片描述

有列表就会有适配器,有适配器就会有一个item布局,首先创建item布局,在layout下新建一个item_city.xml,里面的代码如下:

<?xml version="1.0" encoding="utf-8"?>

<variable

name=“cityName”

type=“String” />

<TextView

android:id=“@+id/tv_name”

android:layout_width=“match_parent”

android:foreground=“?selectableItemBackground”

android:layout_height=“wrap_content”

android:background=“@drawable/shape_line_black”

android:gravity=“center”

android:text=“@{cityName}”

android:padding=“12dp”

android:textColor=“@color/black” />

这里的shape_line_black.xml是一个下划线,在drawable下创建它,代码如下:

<?xml version="1.0" encoding="utf-8"?>

<item

android:left=“-2dp”

android:right=“-2dp”

android:top=“-2dp”>

<stroke

android:width=“1px”

android:color=“@color/black” />

然后在adapter包下新建一个CityAdapter,代码如下:

public class CityAdapter extends BaseQuickAdapter<String, BaseDataBindingHolder> {

public CityAdapter(@Nullable List data) {

super(R.layout.item_city, data);

}

@Override

protected void convert(@NotNull BaseDataBindingHolder bindingHolder, String s) {

ItemCityBinding binding = bindingHolder.getDataBinding();

if (binding != null) {

binding.setCityName(s);

binding.executePendingBindings();

}

}

}

然后回到MapFragment中的onDistrictSearched方法中添加如下代码:

//设置数据源

if (nameList.size() != 0) {

//设置数据源

CityAdapter cityAdapter = new CityAdapter(nameList);

binding.rvCity.setLayoutManager(new LinearLayoutManager(requireActivity()));

binding.rvCity.setAdapter(cityAdapter);

}

在这里插入图片描述

现在可以运行一下了,效果图如下所示:

在这里插入图片描述

是不是很简单呢?现在又要思考一个问题了,如果要查看这个省下面的市呢?很简单,我们增加一个列表item的点击事件就可以了,点击的时候去搜索某一个省的行政区就行了。

① 省市级联

依然是修改onDistrictSearched方法中的代码,如下图所示:

在这里插入图片描述

这里添加了一个点击事件,然后在点击事件里面首先是index++;这是index=1,然后给行政区数组赋值,则此时的数组就是[“中国”,“广东省”],然后再调用districtSearch方法去搜索,这样就连起来了,下面运行一下吧。

在这里插入图片描述

这样就实现了省市区镇的查看了,这时候你又会想,假如我要返回上一级呢,比如我现在在深圳市,我想返回到上一级,看看广东省的其他市,不瞒你说,我也想看。那怎么去实现呢?也很简单。

② 返回上一级

这里我们需要修改一下map_fragment.xml中的布局代码,添加如下布局代码:

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height=“?attr/actionBarSize”>

<ImageView

android:id=“@+id/iv_back”

android:padding=“12dp”

android:visibility=“gone”

android:layout_centerVertical=“true”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:src=“@mipmap/ic_back_black” />

<TextView

android:layout_centerInParent=“true”

android:id=“@+id/tv_title”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center”

android:text=“@{name}”

android:textColor=“@color/black”

android:textSize=“16sp” />

<View

android:layout_width=“match_parent”

android:layout_height=“1dp”

android:background=“@color/black” />

同时增加一个data

<variable

name=“name”

type=“String” />

添加位置如下图所示:

在这里插入图片描述

然后回到MapFragment中的onDistrictSearched方法,在里面新增如下代码:

binding.ivBack.setVisibility(View.VISIBLE);

//返回键的监听

binding.ivBack.setOnClickListener(v -> {

index–;

//搜索上级行政区

districtSearch(districtArray[index]);

if (“中国”.equals(districtArray[index])) {

binding.ivBack.setVisibility(View.GONE);

}

});

添加位置如下图所示:

在这里插入图片描述

同时还需要去设置标题,增加一行代码即可,如下图所示:

在这里插入图片描述

下面运行一下:

在这里插入图片描述

是不是就实现功能了,下一步就是通过点击某一个地方去获取具体的经纬度坐标

五、地址转坐标


在MapFragment中新增一个方法,代码如下:

/**

  • 地址转经纬度坐标

*/

private void addressToLatlng() {

//关闭抽屉

binding.drawerLayout.closeDrawer(GravityCompat.END);

// GeocodeQuery 有两个参数 一个是当前所选城市,第二个是当前地的上级城市,

Log.e(TAG, "onDistrictSearched: " + districtArray[index] + " , " + districtArray[index - 2]);

GeocodeQuery query = new GeocodeQuery(districtArray[index], districtArray[index - 2]);

geocoderSearch.getFromLocationNameAsyn(query);

}

这里我们通过一个地名和它的上级城市去寻找它所在的具体经纬度位置,例如当前是宝安区,那么就通过上上级城市广东省作为参考去找,getFromLocationNameAsyn会触发回调方法onGeocodeSearched。

下面在这个方法中打印一下坐标。

/**

  • 地址转坐标

*/

@Override

public void onGeocodeSearched(GeocodeResult geocodeResult, int rCode) {

//拿到返回的坐标,然后去地图上定位,改变地图中心

if (rCode == PARSE_SUCCESS_CODE) {

Log.e(TAG, “onGeocodeSearched: 地址转坐标成功”);

List geocodeAddressList = geocodeResult.getGeocodeAddressList();

if (geocodeAddressList != null && geocodeAddressList.size() > 0) {

LatLonPoint latLonPoint = geocodeAddressList.get(0).getLatLonPoint();

Log.e(TAG, “onGeocodeSearched: 坐标:” + latLonPoint.getLongitude() + “,” + latLonPoint.getLatitude());

}

} else {

showMsg(“获取坐标失败”);

}

当然这里还需要有一个地方去调用addressToLatlng方法。调用的地方当然还是在onDistrictSearched方法中,如下图所示:

在这里插入图片描述

这里我在nameList的size为0时去调用这个地址转坐标的方法,为什么呢?因为size=0表示什么,表示它没有下级行政区了,也就是说已经到了镇这个单位了,当然有的地方也叫街道。因此到这里时,再点击时就调用这个方法,去进行地址转坐标,让我们试试看,坐标是什么,我测试的城市是:广东省、深圳市、宝安区、沙井街道,得到的经纬度是:坐标:113.830294,22.735361

在这里插入图片描述

这说明成功了,下一步是做什么呢?有了坐标之后就是改变地图的中心点,我当然是希望我切换到哪里就地图移动到哪里了。

六、切换地图中心


切换地图中心,通过地址信息获得经纬度之后,在MapFragment中新增一个方法,代码如下:

/**

  • 切换地图中心

*/

private void switchMapCenter(GeocodeResult geocodeResult, LatLonPoint latLonPoint) {

//显示解析后的坐标,

double latitude = latLonPoint.getLatitude();

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用android studio 运行,下面是一个简单的文档,这个代码是一个demo 一、Activity的使用 1、SNActivity 框架最基本的activity,可调用$(SNManager)进行操作activity,具体用法请参考文档或代码 2、SNNavigationSlidingActivity 包含SNActivity的功能,继承于com.jeremyfeinstein.slidingmenu.lib.app.SlidingActivity 支持导航条和左滑视图的Activity 加载导航条: loadNavBar(int height,int background_color_id) loadNavBarResId(int height_id,int background_id) 加载左侧视图: /** * load left view * @param left_id left layout id * @param offset_value offset value * @param shadow_width_value shadow width value * @param shadow_drawable_id shadow drawable style * @param fade fade value */ loadLeft(int left_id, int offset_value, int shadow_width_value, int shadow_drawable_id, float fade) /** * load left view * @param left_id left layout id * @param offset_id offset id * @param shadow_width_id shadow width id * @param shadow_drawable_id shadow drawable id * @param fade fade value */ loadLeftResId(int left_id, int offset_id, int shadow_width_id, int shadow_drawable_id, float fade) 二、SNElement的使用 View的伪装对象,支持所有View的功能,详细功能可参考文档或代码 手动伪装:$.create $.id $.findView 注入伪装:$.setContent(view class or layout id,inject class); 获取原型:elem.toView(); 三、注入 1、视图注入 A、创建注入类,属性名称必须和layout中的id对应,如果不对应请加入标签@SNInjectView class DemoInject{ @SNInjectView(id=R.id.tvTest) public SNElement test; } B、实例化注入对象 DemoInject di=new DemoInject(); C、调用$.inject或者$.setContent注入 $.inject(di); D、注入成功后即可调用对象 String text=di.test.text(); 2、依赖注入 A、需要绑定注入对象,建议写到Application中的onCreate SNBindInjectManager.instance().bind(ITest.class, Test.class); B、与视图注入不同的是属性必须添加标签@SNIOC,注入的对象(Test)必须包含只有一个SNManager参数的构造函数,且必须实现注入者 public class Test implements ITest{ SNManager $; public Test(SNManager _$){ this.$=_$; }; } class DemoInject{ @SNIOC public ITest test; } C、调用$.inject或者$.setContent注入 同视图注入 D、注入成功后即可调用对象 di.test.xxx(); 四、fragment的使用 1、SNFragment 2、SNLazyFragment 五、控件的使用 1、SNFragmentScrollable 2、SNPercentLinearLayout、SNPercentRelativeLayout 3、SNScrollable 4、SNSlipNavigation 5、XList 6、slidingtab
### 回答1: Android MVVM框架搭建需要使用Java语言。MVVM框架是一种基于模型-视图-视图模型的设计模式,它可以帮助开发者更好地组织和管理Android应用程序的代码。在搭建MVVM框架时,需要使用一些常用的开源框架,如Data Binding、LiveData、ViewModel等。同时,还需要了解一些基本的Android开发知识和Java语言的基础知识。搭建MVVM框架需要一定的技术水平和经验,但是它可以提高应用程序的可维护性和可扩展性,让开发者更加高效地开发Android应用程序。 ### 回答2: 在Android开发过程中,MVVM框架已经成为了一种非常流行的设计模式,因为它能够很好地解决传统的MVC模式中存在的问题。这篇文章将着重讲解如何使用Java来构建MVVM框架MVVM框架主要由三个部分组成:ViewViewModel和Model。其中,View指的是用户界面;ViewModel则是View和Model之间的中间层,它包含View所需的数据和业务逻辑;而Model则是数据层,负责从数据源中获取和管理数据。 在Java中构建MVVM框架,可以使用以下几个关键技术: 1. Data Binding:Data Binding是一种新兴的技术,可以轻松地将数据绑定到用户界面上。在Android中,Data Binding库已经成为了MVVM框架构建中不可少的一部分。 2. LiveData:LiveData是Jetpack组件库中的一部分,它是用于构建响应式应用程序的一种强大的工具,也是MVVM模式的关键组成部分。LiveData可以监听数据源中的更改,并在数据发生变化时通知ViewModel。 3. ViewModel:ViewModel是MVVM中的重要组成部分,主要用于保存状态、管理数据和处理业务逻辑。它允许View对Model进行观察,从而实现MVVM框架的完整性和数据驱动。 4. RxJava:RxJava是一种Reactive编程框架,可以用于处理异步事件流,并在应用程序中实现非阻塞的、响应式编程。RxJava可以与MVVM框架结合使用,使架构更加灵活和响应。 搭建MVVM框架的过程中,首先需要创建ViewViewModel和Model三个关键组件。ViewModel将负责将Model的数据更新到View上,并处理业务逻辑。此外,使用Data Binding和LiveData建立数据流,实现双向数据绑定,保持ViewModel和View的同步。 最终,使用RxJava将ViewModel和View解耦,实现响应性和灵活性。在整个MVVM框架中,使用Java构建时需要注意的重要细节包括内存泄漏问题、持久性存储问题等等,尽可能地在代码编写时去考虑这些问题,以确保框架的可靠性和稳定性。 总而言之,使用Java搭建MVVM框架需要一定的技术积累和编码能力,但这种框架Android开发中已经被广泛应用,相信有机会成为您的一个不错的选择。 ### 回答3: MVVM是Model-View-ViewModel的缩写,是一种软件架构模式。在安卓应用开发中,我们可以利用MVVM框架搭建Java开发项目,实现数据和用户交互分离,让代码更加清晰易懂,可读性更高。 MVVM架构中,Model代表实体模型,View代表图形界面,ViewModel作为桥梁连接Model和View,负责将Model转化成View的形式,以及监听View的变化反向更新Model。 在搭建Android MVVM框架时,我们需要先定义布局文件,将View的控件和ViewModel关联。然后定义ViewModel类,在类中添加模型数据和业务逻辑。最后,在Activity或Fragment中实现ViewModel的数据绑定和监听,将数据和页面连接起来。 在Java开发中,我们可以利用一些主流的MVVM框架,例如Google官方提供的Android Architecture Components框架,它包含LiveData、ViewModel、Room和DataBinding四个组件,能够快速搭建MVVM架构,实现组件之间的数据通信和交互。 除此之外,还有Databinding框架,它可以在布局文件中直接绑定数据,省去了一些繁琐的代码,但是需要一定的学习成本。 总而言之,MVVM框架搭建Java项目是非常有利于提高代码可维护性和可读性,通过桥梁连接View与Model,让开发更加高效。不同的情况需要使用不同的框架,开发者可以根据自己的需求进行选择。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值