android:车载天气 App

已于 2024-10-25 17:51:58 修改
阅读量1.3k 收藏 4
点赞数 20
文章标签： android
于 2024-10-09 09:32:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_83566316/article/details/142776959
版权

效果:1cf5ab9a0e4640f68265fc73d380d255.png

第一步：创建项目：

9d122e5b5d1946db859edb19db9e3ffe.png

第二步：导入素材

将图片素材导入到drawable文件夹中

第三步：编写布局
打开activity_main.xml文件

43f07386a1f14e8f9d312d36bd842df1.png

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/weather_bg"
    tools:context=".MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_margin="20dp"
            android:background="@drawable/icon_user"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    </RelativeLayout>

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/title_bar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_marginTop="70dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:navigationIcon="@drawable/baseline_arrow_back_24" />


    <!--<LinearLayout
        android:id="@+id/ss"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="91dp">

        <ImageView
            android:id="@+id/title_bar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="20dp"
            android:src="@drawable/baseline_arrow_back_24" />
    </LinearLayout>-->

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        android:importantForAccessibility="no"
        android:src="@drawable/baseline_location_on_24"
        app:layout_constraintBottom_toBottomOf="@id/dialog_button"
        app:layout_constraintStart_toStartOf="@id/dialog_button"
        app:layout_constraintTop_toTopOf="@id/dialog_button" />

    <com.google.android.material.button.MaterialButton
        android:id="@+id/dialog_button"
        style="@style/Widget.MaterialComponents.Button.TextButton"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:text="北京市"
        android:textColor="@color/black"
        android:textSize="18sp"
        app:backgroundTint="@android:color/transparent"
        app:cornerRadius="2dp"
        app:icon="@drawable/ic_keyboard_arrow_down_black_24dp"
        app:iconGravity="end"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.08"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/title_bar"
        app:layout_constraintVertical_bias="0.02"
        tools:ignore="HardcodedText" />

    <ImageView
        android:id="@+id/view_bg"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="10dp"
        android:layout_marginEnd="10dp"
        android:importantForAccessibility="no"
        android:src="@drawable/view_bg"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHeight_percent="0.7"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/dialog_button"
        app:layout_constraintVertical_bias="0.4"
        app:layout_constraintWidth_percent="0.7" />

    <TextView
        android:id="@+id/tv_temperature"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:text="34"
        android:textColor="@color/black"
        android:textSize="120sp"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="@id/view_bg"
        app:layout_constraintEnd_toEndOf="@id/view_bg"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="@id/view_bg"
        app:layout_constraintTop_toTopOf="@id/view_bg"
        app:layout_constraintVertical_bias="0.2" />


    <TextView
        android:id="@+id/tv_weather_wind"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        android:text="晴 南风 4级"
        android:textColor="#1E1E1A"
        android:textSize="32sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/tv_temperature" />

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintBottom_toBottomOf="@+id/view_bg"
        app:layout_constraintEnd_toEndOf="@+id/view_bg"
        app:layout_constraintStart_toStartOf="@+id/view_bg"
        app:layout_constraintTop_toBottomOf="@+id/tv_weather_wind"
        android:layout_margin="220px"
        >

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:layout_width="60sp"
                android:layout_height="60sp"
                android:src="@drawable/ic_temper" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="19-28℃"
                android:textSize="20sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:layout_width="60sp"
                android:layout_height="60sp"
                android:src="@drawable/ic_humidity" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="湿度：65%"
                android:textSize="20sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:layout_width="60sp"
                android:layout_height="60sp"
                android:src="@drawable/ic_wind" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="风速：5km/h"
                android:textSize="20sp" />
        </LinearLayout>
    </LinearLayout>



    <androidx.appcompat.widget.AppCompatImageView
        android:id="@+id/image_state"
        android:layout_width="188dp"
        android:layout_height="152dp"
        android:layout_centerVertical="true"
        android:src="@drawable/ic_cloudy"
        app:layout_constraintBottom_toBottomOf="@id/tv_temperature"
        app:layout_constraintEnd_toEndOf="@id/view_bg"
        app:layout_constraintStart_toEndOf="@id/tv_temperature"
        app:layout_constraintTop_toTopOf="@id/tv_temperature"
        app:layout_constraintVertical_bias="0"
        app:layout_constraintWidth_percent="0.5" />
</androidx.constraintlayout.widget.ConstraintLayout>

第四步：编写java代码

创建列表

在res文件夹下创建menu文件夹

在menu文件夹中创建cities_menu.xml文件

<?xml version ="1.0" encoding ="utf-8"?><!--  Learn More about how to use App Actions: https://developer.android.com/guide/actions/index.html -->
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/city_beijing"
        android:title="北京市" />
    <item
        android:id="@+id/city_shanghai"
        android:title="上海市" />
    <item
        android:id="@+id/city_shenzhen"
        android:title="深圳市" />
</menu>

添加列表信息

进入MainActivity.java文件

package com.example.myapplication;

import android.os.Bundle;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.PopupMenu;

import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;

import com.google.android.material.button.MaterialButton;

public class MainActivity extends AppCompatActivity {

    public MaterialButton materialButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        EdgeToEdge.enable(this);
// 类用不了用第二种方法
//        requestWindowFeature(Window.FEATURE_NO_TITLE);
//        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
        setContentView(R.layout.activity_main);

        //全屏模式
        View decorView = getWindow().getDecorView();
        decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                | View.SYSTEM_UI_FLAG_FULLSCREEN
                | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                | View.SYSTEM_UI_FLAG_LOW_PROFILE);

        //点击下拉列表
        materialButton = findViewById(R.id.dialog_button);
        materialButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showPopupMenu(v);
            }
        });
    }

    private void showPopupMenu(View view) {
        PopupMenu popupMenu = new PopupMenu(this, view);
        MenuInflater inflater = popupMenu.getMenuInflater();
        inflater.inflate(R.menu.cities_menu, popupMenu.getMenu());

        popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                int itemId = item.getItemId();
                if (itemId == R.id.city_beijing) {
                    materialButton.setText("北京市");
                    return true;
                } else if (itemId == R.id.city_shanghai) {
                    materialButton.setText("上海市");
                    return true;
                } else if (itemId == R.id.city_shenzhen) {
                    materialButton.setText("深圳市");
                    return true;
                }
                return false;
            }
        });

        popupMenu.show();
    }
}

运行就好啦

 

 

 

想做Android的狗
关注
【Android入门】10、天气预报 App 的接口、UI 实战
呆呆的猫的博客
08-15 1306
Android是一种可视化的技术, 在终端市场有70%占有率, 广泛应用在手机, 车载平板, 智能电视等领域, 其和web前端, ios开发一同属于大前端技术领域 通过本文, 您可以了解`Android`技术全貌, 并用`kotlin`语言逐个实现个模块, 每个部分都有示例代码和效果图...
android auto 能微信_Android Auto车载系统能用了
weixin_39732991的博客
12-22 961
和智能设备商相比，汽车厂商的动作简直慢如大象。比如苹果Carplay和谷歌AndroidAuto车载系统发布以多时，却一直好像是隐形人一样难以让普通汽车用户真正用到。不过这种局面正在慢慢解除——谷歌这周最终发布了专用车载应用程序AndroidAuto。它将把谷歌地图、环聊、音乐、天气等等整合在一起服务驾驶员。想要用上它，你现在只需要买一台先锋公司出品的中控系统自己装在汽车上。虽然已经距离谷歌And...
RE: 从零开始的车载Android HMI（二） - Widget
linkwj的博客
07-11 2187
Widget，又叫“微件”、“小部件”。小部件是放置在主屏幕（Launcher）上的Android应用程序的小工具或控件。通过小部件可以将自己喜欢的应用程序放在主屏幕上，以便快速访问它们或是显示一些重点信息。............
Android Automotive：在路上释放 Android 操作系统的力量
特立独行的博客
01-28 2076
准备好享受令人难以置信的驾驶体验吧，我将揭开 Android Automotive 的秘密！就像您心爱的小工具和应用程序一样，现在您的汽车也可以提供您喜爱的同样轻松且令人兴奋的旅程。想象一下：与您的个人应用程序无缝集成、一系列尖端功能以及触手可及的与世界的连接！
Android车载Launcher开发(1) - 显示Widget
NYSM239的博客
02-07 5876
Android launcher开发，讲述如何显示其他app的widget到launcher上
Android车载应用开发与分析（11）- 车载Android应用开发入门指南
热门推荐
linkwj的博客
05-03 1万+
将时间回退到2017年我大学刚毕业时，彼时移动互联网就已经开始退潮，各大个培训机构也纷纷停止了Android相关的培训，曾经热火朝天的应用开发从那时起，就开始走向下坡路，小程序以及众多跨平台框架也让市场对Android原生开发的需求逐年降低，市场需求的降低也造就了Android开发的面试变得史无前例的“卷”。 终于我在2019年选择离开了互联网，投身当时还不是非常火热的车载Android领域继续从事Android原生开发。而这一年中国首个外商独资的整车制造项目，“...
android百度车载导航,百度CarLife车机端
weixin_29816241的博客
05-26 1053
百度CarLife是一款能够连接到手机与自己的汽车相关的一个手机客户端的APP，能够将自己的手机中的内容投射到自己的车机端当中，并且还有着百度地图等等相关的下载，能够方便用户在驾驶的时候来进行一些简单的应用，那么在这里为大家整理的相关的百度CarLife的手机APP的下载，欢迎有需要的用户来西西进行下载使用。软件介绍：CarLife是一款具备手机-车机互联能力的手机应用，采用投射方案将手机端的内容...
android车载导航测试,嘟嘟车心安卓车载导航开箱体验
weixin_33504929的博客
05-26 1763
嘟嘟车心安卓车载导航开箱体验2015-07-27 20:24:0021点赞35收藏46评论今年5月份买了人生的第一辆车，钱不太多，所以选择也很简单——大众朗逸1.6手动低配版。说清楚了就是挂着大众牌子的最低档朗逸车子(没有天窗、没有导航、没有倒车影像、没有……)。小伙伴们问为什么买这款啊？答：充值信仰……由于节省开支，所以所有能省钱的地方全都省下来了。裸车低价+自己办理临牌+自买保险+自己上正式牌...
android launcher 调用 widget,Launcher3添加桌面appWidget
weixin_35338559的博客
05-28 1501
这是安卓系统移植开发－－Launcher3在桌面上添加默认的appWidget为什么有这篇文章Launcher3相对于Launcher2改变了很多，网上大部分的资料也是说的4.4版本以前的Launcher2，按照以前Launcher2的修改方式对Launcher3是无效的，比如本文要讲述的在桌面添加appWidget.上正题Launcher3桌面的加载过程Launcher3在首次安装的时候，会检查...
高通车机Android车载影像系统-EVS
09-20
【高通车机Android车载影像系统-EVS】是一个专为车载环境设计的高级影像处理系统，主要应用于汽车的信息娱乐和驾驶辅助领域。EVS系统包括EVS1.0和EVS2.0两个版本，这两个版本在硬件抽象层（HAL）上进行了实现，使得...
WeatherApp
12-13
【WeatherApp】是一款专为车载信息系统设计的天气应用程序，它充分利用了Android平台的功能，为驾驶员和乘客提供实时、准确的天气信息。这款应用不仅能够帮助用户了解当前的天气状况，还可以预测未来的天气趋势，为...
安卓市场如何做APP的分发、推广？
2401_88539912的博客
11-08 789
然后再加上小米lookalike算法，然后他会为这批用户投放，然后他也有点击根据点击用户的一个画像，再跟用户去进行一个算法的融合，然后再针对这批用户，不断的一个循环曝光，你会发现，整个会越来越精准，我们的投放的广告，目标人群越来越细，我们选了750万的一个人群数量去做，到后来只会针对750万里面可能是我们用户的那150万去曝光，因为他这个效果是没有任何人为干扰，他就是一个黑科技去算的，最后做出来，我们整个作为效果是非常准的。包括一些宣传，主打是整个品牌度，拍照、有声有色，帅气，年轻化。
【北京迅为】itop-3588开发板摄像头使用手册Android12 双摄方案
Chihiro_S的专栏
11-08 857
【北京迅为】itop-3588开发板摄像头使用手册Android12 双路摄像头方案
安卓智能指针sp、wp、RefBase浅析
似霰的博客
11-07 889
安卓智能指针sp、wp、RefBase浅析
Android 延时操作的常用方法
以后会多把工作中总结的知识、问题处理思路和方法通过博客分享出来,欢迎大家关注和共同探讨!
11-06 335
在Android开发中我们可能会有延时执行某个操作的需求，例如我们启动应用的时候，一开始呈现的是引导页面，3秒后进入主界面，这就是一个延时操作。还有一种是执行某些接口任务时，需要有超时机制。下面介绍常用的几种方法。@Override// 休眠1秒/*** 延时执行的代码*/}).start();
如何在安卓设备上设置代理服务器
SmartGarret的博客
11-06 713
安卓代理服务器是您的设备与目标网站之间的中介：您无需直接连接网站，而是先通过代理服务器隐藏任何身份信息。它就像一座桥梁，让数据畅通无阻，并允许您对事物进行调整，为您的在线体验增添一抹个性化的色彩。
AndroidStudio-滚动视图ScrollView
最新发布
2301_79188932的博客
11-10 172
2.HorizontalScrollView，它是水平方向的滚动视图;水平方向滚动时，layout_width属性值设置为wrap_content，layout_height属性值设置为match_parent。1.ScrollView，它是垂直方向的滚动视图;垂直方向滚动时，layout_width属性值设置为match_parent，layout_height属性值设置为wrap_content。
mysql的高级进阶
langjiaohjiopji的博客
11-06 919
之前我们学了mysql的查询与高级查询和存储过程今天我们来学习mysql的高级进阶。
智能驾驶助手：Android远程车辆控制APP开发
《基于Android的车辆远程控制APP》由白云伟和李丽萍撰写，发表于《计算机系统应用》2020年第2期，文章介绍了他们设计并开发的一款专用于智能驾驶的远程控制车辆的Android应用程序。这款APP通过XMPP通信协议实现手机...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值