Android项目——智能农业

总结一下这一周关于智能农业APP项目的学习。
####一、布局
APP最重要的就是与用户的交互界面,布局很重要。在智能农业APP这个项目中,布局十分简单,用户不需要花费多少时间便能熟练使用。
######1、APP界面:
APP首页
登录界面
首页
设置界面
帮助界面
CO2详情界面
光照详情界面
土壤详情界面
空气详情界面

######2、重点、难点部分布局
在布局中,没有什么难度,只有在智能农业界面中把方形的图片设置成圆形时需要注意一下。
首先在gradle中添加依赖:

    compile 'com.makeramen:roundedimageview:2.2.1'

然后布局中代码如下所示:

  <com.makeramen.roundedimageview.RoundedImageView
            app:riv_oval="true"
            android:id="@+id/light_img"
            android:layout_width="120dp"
            android:layout_height="120dp"
            android:src="@mipmap/guangzhao" />

如果没有app:riv_oval="true"这句话,那么图片还是不会变成圆形的。

####二、Java代码
######1、添加依赖
由于需要gson解析、使用OKHttp快速访问网络,所以需要添加两个依赖:

  compile 'com.google.code.gson:gson:2.8.2'
    compile 'com.squareup.okhttp3:okhttp:3.10.0'

######2、从首页进入后的三个界面——智能农业界面、设置界面、帮助界面

  • 创建三个fragment——HomePagerFragment、SettingFragment、HelpFragment。
    在HomePagerFragment中把首页布局文件写好:
<TextView
        android:id="@+id/home_page_top_lin"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center_horizontal"
        android:text="智能农业"
        android:textColor="#24bd3b"
        android:textSize="30dp" />
    <View
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:layout_below="@+id/home_page_top_lin"
        android:background="#b5b5b5"
        />
        
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
         android:layout_alignParentLeft="true"
        android:layout_below="@+id/home_page_top_lin"
        android:overScrollMode="never"
        android:scrollbars="none"
        android:layout_marginTop="5dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            
            <android.support.v4.view.ViewPager
                android:id="@+id/home_page_vp"
                android:layout_width="match_parent"
                android:layout_height="150dp"
                android:background="@mipmap/bana1">
            </android.support.v4.view.ViewPager>
    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#716c6c"/>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        >

        <com.makeramen.roundedimageview.RoundedImageView
            app:riv_oval="true"
            android:id="@+id/co2_img"
            android:layout_width="120dp"
            android:layout_height="120dp"
            android:src="@mipmap/co2" />

        <TextView
            android:layout_toLeftOf="@+id/co2_warn_img"
            android:id="@+id/co2_concentation_tv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/co2_img"
            android:layout_margin="5dp"
            android:layout_toRightOf="@+id/co2_img"
            android:text="CO2浓度"
            android:textColor="#100909"
            android:textSize="25sp" />

        <RelativeLayout
            android:layout_toLeftOf="@+id/co2_right_img"
            android:id="@+id/co2_relative"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/co2_concentation_tv"
            android:layout_margin="5dp"
            android:layout_toRightOf="@+id/co2_img">

            <TextView
                android:id="@+id/co2_co2_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:text="CO2:"
                android:textColor="#100909"
                android:textSize="25sp" />

            <TextView
                android:id="@+id/co2_values_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:layout_toRightOf="@+id/co2_co2_tv"
                android:gravity="center_vertical"
                android:text="200"
                android:textColor="#e80c0c"
                android:textSize="25sp" />

        </RelativeLayout>

        <RelativeLayout
            android:layout_toLeftOf="@+id/co2_right_img"
            android:layout_alignBottom="@+id/co2_img"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/co2_relative"
            android:layout_margin="5dp"
            android:layout_toRightOf="@+id/co2_img">

            <TextView
                android:id="@+id/co2_set_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:text="设定值:"
                android:textColor="#1fa433"
                android:textSize="15sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:layout_toRightOf="@+id/co2_set_tv"
                android:gravity="center_vertical"
                android:text="200"
                android:textColor="#605858"
                android:textSize="15sp" />

        </RelativeLayout>

        <ImageView
            android:id="@+id/co2_right_img"
            android:layout_width="20dp"
            android:src="@mipmap/right"
            android:layout_centerVertical="true"
            android:layout_alignParentRight="true"
            android:layout_height="60dp" />

        <ImageView
            android:id="@+id/co2_warn_img"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:src="@mipmap/p2"
            android:layout_width="50dp"
            android:layout_height="20dp" />

    </RelativeLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#716c6c"/>
</LinearLayout>

            <LinearLayout  
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
   >
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#716c6c"/>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        >

        <com.makeramen.roundedimageview.RoundedImageView
            app:riv_oval="true"
            android:id="@+id/light_img"
            android:layout_width="120dp"
            android:layout_height="120dp"
            android:src="@mipmap/guangzhao" />

        <TextView
            android:id="@+id/light_intension_tv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/light_img"
            android:layout_margin="5dp"
            android:layout_toLeftOf="@+id/light_warn_img"
            android:layout_toRightOf="@+id/light_img"
            android:text="光照强度"
            android:textColor="#100909"
            android:textSize="25sp" />

        <RelativeLayout
            android:id="@+id/light_relative"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/light_intension_tv"
            android:layout_margin="5dp"
            android:layout_toLeftOf="@+id/light_right_img"
            android:layout_toRightOf="@+id/light_img">

            <TextView
                android:id="@+id/light_light_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:text="光照"
                android:textColor="#100909"
                android:textSize="25sp" />

            <TextView
                android:id="@+id/light_values_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:layout_toRightOf="@+id/light_light_tv"
                android:gravity="center_vertical"
                android:text="200"
                android:textColor="#e80c0c"
                android:textSize="25sp" />

        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/light_img"
            android:layout_below="@+id/light_relative"
            android:l
  • 9
    点赞
  • 66
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
### 回答1: 新闻app是一款基于Android平台的小型项目应用程序,它主要用于展示各类新闻内容,为用户提供便捷的阅读体验。该项目的源码包含了应用程序的基本框架和功能实现,方便开发者进行二次开发和定制。 新闻app的源码主要包含以下几个方面的内容: 1. 用户界面设计:源码中包含了新闻app的界面布局和样式,开发者可以根据自己的需要进行修改和美化。用户界面通常包括新闻列表、新闻详情页、分类标签等,开发者可以自由设计并添加其他功能模块。 2. 数据获取与展示:源码中实现了与服务器进行数据交互的功能,通过网络请求获取新闻数据,并在界面上展示出来。开发者可以根据需要修改数据请求接口和解析方式,实现与自己的服务器交互。 3. 新闻分类与搜索:源码中提供了新闻分类和搜索功能的实现,用户可以根据自己的兴趣和需求选择不同的新闻分类进行浏览,也可以通过搜索关键词进行精确定位。 4. 用户交互与分享:源码中包含了用户的登录注册功能和新闻内容的分享功能,用户可以通过登录账号进行个性化设置和收藏喜欢的新闻内容,也可以将新闻分享到社交媒体上与他人交流。 总之,新闻app源码是一个基础框架,开发者可以在此基础上进行二次开发和定制,根据自己的需求添加功能模块和美化界面,实现自己独特的新闻应用。 ### 回答2: Android新闻App是一个基于Android平台开发的小型项目,它的主要功能是提供最新的新闻内容给用户,并且用户可以进行浏览、搜索和分享等操作。下面是这个项目的一些关键特点和所需的源码组成部分: 1. 特点: - 用户界面友好,交互性强,提供舒适的浏览体验; - 支持实时更新,提供最新的新闻内容; - 具备搜索功能,方便用户查找感兴趣的新闻; - 支持新闻分享功能,方便用户将新闻分享给朋友; - 具备图文混排的能力,可以展示新闻的文字和图片。 2. 源码组成部分: - 主界面布局代码:定义了App的整体布局结构,包括顶部导航栏、底部工具栏和新闻显示区域等。 - 数据源代码:负责获取新闻数据,可以通过API接口获取最新的新闻内容,也可以从本地数据库获取已缓存的新闻数据。 - 新闻列表适配器代码:用于将新闻数据展示在界面上,包括标题、描述和图片等。 - 新闻详情界面代码:用于显示单篇新闻的详细内容,包括标题、正文和相关图片等。 - 搜索功能代码:实现了按关键字搜索新闻的功能,可以在已有的新闻数据中进行筛选。 - 分享功能代码:集成了社交媒体的分享SDK,方便用户将新闻内容分享给朋友。 - 图片加载和缓存代码:处理了新闻中的图片加载和本地缓存,提高了图片加载速度和用户体验。 通过以上的源码组成部分,可以完成一个基本的新闻App,用户可以在界面上浏览最新的新闻内容,进行搜索和分享操作。这个小项目可以帮助开发者理解Android开发框架和开发方式,提高编码能力和UI设计能力。 ### 回答3: 新闻app是基于Android平台开发的一个小型应用程序,可以提供用户各种最新的新闻资讯。以下是关于这个项目的源码介绍。 该项目源码主要由Java语言编写,使用了Android Studio作为开发工具。代码结构清晰,包含了主要的几个模块。 1. 用户界面模块:这个模块负责显示新闻列表和新闻详情等信息,主要包含布局文件和相应的逻辑代码。列表界面使用RecyclerView控件展示新闻列表,详情界面使用WebView展示新闻内容。 2. 网络请求模块:这个模块负责与后台服务器进行数据交互,使用了Android的HttpURLConnection类来发送请求和接收响应。请求参数可以根据实际需要进行修改,例如可以根据新闻类别进行请求。 3. 数据解析模块:这个模块负责解析从服务器返回的JSON格式的数据,转换成Java对象供应用程序使用。可以使用Android提供的JSON解析库,如Gson。 4. 数据存储模块:这个模块负责缓存新闻数据,以提高应用程序的响应速度。可以使用SharedPreferences或SQLite数据库来存储新闻数据。同时也可以使用图片缓存库,如Glide或Picasso来缓存新闻图片。 5. 用户交互模块:这个模块负责处理用户的交互行为,例如点击新闻列表项跳转到新闻详情界面,下拉刷新获取最新数据等。可以使用Android提供的相关控件和事件监听器来实现用户交互。 除了以上几个主要的模块,还可以根据需要添加其他功能,例如搜索栏、分享按钮等。 总体来说,这个新闻app的源码提供了一个完整的开发框架,初学者可以通过阅读和理解源码来学习Android应用程序的开发流程和一些常用技术。同时,也可以根据实际需求进行二次开发,添加新的功能和改进用户体验。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值