首页 > 其他分享 >今天酷酷写前端

今天酷酷写前端

时间:2024-04-16 23:34:07浏览次数:21  
标签:酷酷 前端 今天

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 使用垂直线性布局 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="#F5F5F5">

        <!-- 标题 -->
        <TextView
            android:id="@+id/TitleText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="15dp"
            android:text="地铁信息查询"
            android:gravity="center"
            android:textStyle="italic"
            android:textColor="#808080"
            android:textSize="30sp" />

        <!-- 按钮区域 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <!-- 最优路线查询按钮 -->
            <Button
                android:id="@+id/btn1"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:layout_margin="10dp"
                android:onClick="SearchOptimalRoute"
                android:padding="6dp"
                android:text="最优路线查询"
                android:textColor="@color/white"
                android:textSize="24sp"
                android:background="@drawable/translucent_button" />

            <!-- 地铁线路查询按钮 -->
            <Button
                android:id="@+id/btn2"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:layout_margin="10dp"
                android:onClick="SearchLine"
                android:padding="6dp"
                android:text="地铁线路查询"
                android:textColor="@color/white"
                android:textSize="24sp"
                android:background="@drawable/translucent_button" />

        </LinearLayout>

        <!-- 查询界面 -->
        <LinearLayout
            android:id="@+id/LL1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:visibility="visible">

            <!-- 城市名称 -->
            <AutoCompleteTextView
                android:id="@+id/SystemName1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:hint="城市名称"
                android:padding="15dp"
                android:textSize="24sp"
                android:background="@drawable/translucent_edit"
                android:completionThreshold="1" />

            <!-- 出发站点 -->
            <AutoCompleteTextView
                android:id="@+id/DepartureStation"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:hint="出发站点"
                android:padding="15dp"
                android:textSize="24sp"
                android:background="@drawable/translucent_edit"
                android:completionThreshold="1" />

            <!-- 目标站点 -->
            <AutoCompleteTextView
                android:id="@+id/DestinationStation"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:hint="目标站点"
                android:padding="15dp"
                android:textSize="24sp"
                android:background="@drawable/translucent_edit"
                android:completionThreshold="1" />

            <!-- 查询按钮 -->
            <Button
                android:id="@+id/query1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:layout_gravity="end"
                android:onClick="query1"
                android:padding="6dp"
                android:text="查询"
                android:textColor="@color/cardview_light_background"
                android:textSize="24sp"
                android:background="@drawable/translucent_button" />

        </LinearLayout>

        <!-- 地铁线路查询界面 -->
        <LinearLayout
            android:id="@+id/LL2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:visibility="gone">

            <!-- 城市名称 -->
            <AutoCompleteTextView
                android:id="@+id/SystemName2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:hint="城市名称"
                android:padding="15dp"
                android:textSize="24sp"
                android:background="@drawable/translucent_edit"
                android:completionThreshold="1" />

            <!-- 线路名称 -->
            <AutoCompleteTextView
                android:id="@+id/LineName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:hint="线路名称"
                android:padding="15dp"
                android:textSize="24sp"
                android:background="@drawable/translucent_edit"
                android:completionThreshold="1" />

            <!-- 查询按钮 -->
            <Button
                android:id="@+id/query2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="20dp"
                android:layout_gravity="end"
                android:onClick="query2"
                android:padding="6dp"
                android:text="查询"
                android:textColor="@color/cardview_light_background"
                android:textSize="24sp"
                android:background="@drawable/translucent_button" />
        </LinearLayout>

        <!-- 查询内容展示界面,包装在 ScrollView 中 -->
        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <!-- 在这里添加显示查询结果的控件,例如 TextView -->
                <TextView
                    android:id="@+id/resultTextView"
                    android:layout_width="match_parent"
                    android:layout_height="115dp"
                    android:layout_margin="20dp"
                    android:gravity="start"
                    android:padding="10dp"
                    android:textColor="#000000"
                    android:textSize="20sp" />
            </LinearLayout>
        </ScrollView>


    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>


标签:酷酷,前端,今天
From: https://www.cnblogs.com/muzhaodi/p/18139553

相关文章

  • 前端使用 Konva 实现可视化设计器(5)
    关于第三章提到的selectingNodesArea,在后续的实现中已经精简掉了。而transformer的dragBoundFunc中的逻辑,也直接移动transformer的dragmove事件中处理。请大家动动小手,给我一个免费的Star吧~这一章花了比较多的时间调试,创作不易~github源码gitee源码示例地址......
  • 前端学习-vue视频学习016-vue3新组件
    尚硅谷视频教程Teleport:让部分元素脱离原来的位置,到to指定的位置去此处指定了弹窗到body标签内<template><h4>Model</h4><button@click="isShow=true">打开弹窗</button><Teleportto='body'><divclass="tanchuang&q......
  • 前端大文件分片上传
    1.分片上传整体流程开始上传:前端启动文件分片上传。后端返回唯一标识。分片上传:获取到上传的文件,然后设置一个固定的分片大小,将文件切成多个小片,计算出每一个分片的MD5值(32位)。将每个分片的内容和MD5标识符一同上传至服务器。服务端接收每个分片及相关信息后,通过对每个分片进行校......
  • 前端学哪些技能饭碗越铁收入还高
    随着经济的下行以及移动互联网发展趋于成熟,对软件开发人员的需求大大减少,互联网行业所有的公司都在降本增效,合并通道,降薪裁员的新闻层出不穷。但相比其他行业,互联网行业的从业者薪资还是比较可观的,但要求也比之前高了很多,需要大家掌握更多的技能和在某些技术领域深耕。本文,我们......
  • React前端技术深度解析与实践
    React作为当今最热门的前端技术之一,以其组件化、高效性和灵活性等特点赢得了广大开发者的青睐。本文将深入探讨React前端技术的核心原理、实践技巧以及未来的发展趋势,帮助读者更好地理解和应用React。一、React的核心原理React的核心原理是组件化开发。组件是React应用的基本构......
  • 微前端--通俗易懂
    是什么微前端是指存在于浏览器中的微服务。微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具,而是一套架......
  • 前端开发框架的选择-Vue.js
    Vue.js秉持简约哲学,通过精炼的代码实现功能——它专注于为Web应用开发提供核心工具,而非让冗余特性成为负担。这种简约设计思路使得代码更加明晰,易于阅读和维护。长远看来,Vue.js的简约特性使得项目运作更为流畅。无论是小型网站还是大型单页应用,Vue.js都能轻松应对——它并非万金......
  • JWT 前端笔记
    JWTJTW全称JsonWebToken没有JWT的时候,服务端给客户端发送信息,客户端返回信息,通常存在cookie或localstorage,不过服务器无法信任这个信息传给服务器的信息可能是被篡改的,也可能是被伪造的JWT的雏形原始信息和密钥一样的情况下才能生成相同签名info.签名返回后,服务器用相......
  • 前端面试题 — webpack
    1.webpack的安装和使用方式安装Node.js和npm首先,确保你的计算机上安装了Node.js和npm(Node包管理器),因为Webpack是通过npm进行安装和管理的。创建项目目录并初始化npmnpminit-y安装Webpacknpminstallwebpackwebpack-cli......
  • 若依解决VUE前端时间显示问题
    参考:https://blog.csdn.net/qq_43544074/article/details/119139313#:~:text=%E6%97%A0%E6%B3%95%E6%AD%A3%E7%A1%AE%E7%9A%84%E6%98%BE%E7%A4%BA%E6%97%B6%E9%97%B4%E3%80%82%20%E8%A7%A3%E5%86%B3%E5%A6%82%E4%B8%8B%EF%BC%9A%201%E3%80%81%E5%9C%A8%E5%90%8E%E7%AB%AF%E4%BB......