首页 > 其他分享 >andorid开发--记账本(四)

andorid开发--记账本(四)

时间:2024-02-18 20:55:44浏览次数:22  
标签:xml mainlv -- 记账 andorid 绘制 每一项 页面

主要是开发收支页面的每一项与头布局绘制,并且将记录页面的绘制完成

头布局绘制,以及每一项的绘制

头布局

iteam_mainlv-top.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/grey_f3f3f3">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="20dp">
        <TextView
            android:id="@+id/iteam_mainlv_top_tv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/mounth_out"/>
        <TextView
            android:id="@+id/iteam_mainlv_top_out"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="¥ 0"
            android:layout_below="@id/iteam_mainlv_top_tv1"
            android:textSize="26sp"
            android:textStyle="bold"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:textColor="@color/black"/>
        <ImageView
            android:id="@+id/iteam_mainlv_top_hide"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:src="@mipmap/ih_show"
            android:layout_alignTop="@id/iteam_mainlv_top_out"/>
        <TextView
            android:id="@+id/iteam_mainlv_top_tv2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/mounth_in"
            android:layout_below="@id/iteam_mainlv_top_out"/>
        <TextView
            android:id="@+id/iteam_mainlv_top_tv_in"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/black"
            android:text="¥ 0"
            android:layout_below="@id/iteam_mainlv_top_out"
            android:layout_toRightOf="@id/iteam_mainlv_top_tv2"
            android:layout_marginLeft="5dp"/>
        <TextView
            android:id="@+id/iteam_mainlv_top_tv_budget"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="¥ 0"
            android:textColor="@color/black"
            android:layout_alignParentRight="true"
            android:layout_alignBottom="@id/iteam_mainlv_top_tv2"
            android:layout_marginLeft="5dp"/>
        <TextView
            android:id="@+id/iteam_mainlv_top_tv3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/budget"
            android:layout_toLeftOf="@id/iteam_mainlv_top_tv_budget"
            android:layout_alignBottom="@id/iteam_mainlv_top_tv2"/>
        <TextView
            android:id="@+id/iteam_mainlv_top_tv4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableLeft="@mipmap/ih_biaoge"
            android:layout_below="@id/iteam_mainlv_top_tv2"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="20dp"
            android:text="@string/seeExcel"
            android:textColor="@color/green_006400"
            android:drawablePadding="10dp"/>
    </RelativeLayout>
    <TextView
        android:id="@+id/iteam_mainlv_top_tv_day"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="今日支出 ¥0 收入 ¥0"
        android:textStyle="bold"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="10dp"/>

</LinearLayout>

效果

每一项

iteam_mainlv.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:padding="10dp"
    android:background="@color/white">
    <ImageView
        android:id="@+id/item_mainly_iv"
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:src="@mipmap/ic_yanjiu"/>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/item_mainly_iv"
        android:layout_marginLeft="10dp"
        android:orientation="vertical">
        <TextView
            android:id="@+id/iteam_mainlv_tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="烟酒茶"
            android:textStyle="bold"
            android:textSize="16sp"/>
        <TextView
            android:id="@+id/iteam_mainlv_tv_beizhu"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="华子一盒"
            android:textStyle="bold"
            android:layout_marginBottom="5dp"
            android:textSize="12sp"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginLeft="10dp"
        android:orientation="vertical">
        <TextView
            android:id="@+id/iteam_mainlv_tv_money"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="¥25.0"
            android:textStyle="bold"
            />
        <TextView
            android:id="@+id/iteam_mainlv_tv_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2024.02.17.18:30"
            android:textStyle="bold"
            android:layout_marginBottom="5dp"
            />
    </LinearLayout>
</RelativeLayout>

效果

记录页面的绘制

头部

activity_record.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@color/grey_f3f3f3">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dp">
        <ImageView
            android:id="@+id/record_iv_back"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@mipmap/ih_error"
            android:layout_marginLeft="10dp"/>
        <com.google.android.material.tabs.TabLayout
            android:id="@+id/record_tabs"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_centerHorizontal="true"
            app:tabGravity="center"
            app:tabMode="fixed"
            app:tabTextColor="@color/grey_7D7D7D"
            app:tabSelectedTextColor="@color/black"
            app:tabIndicatorColor="@color/black" />
    </RelativeLayout>
    <androidx.viewpager.widget.ViewPager
        android:id="@+id/record_vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>


</LinearLayout>

效果

具体

fragment_outcome.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/grey_f3f3f3">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="@string/hello_blank_fragment" />

    <RelativeLayout
        android:id="@+id/frag_record_r1_top"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/white"
        android:padding="10dp">
        <ImageView
            android:id="@+id/frag_record_iv"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:src="@mipmap/ic_qita_fs"/>
        <TextView
            android:id="@+id/frag_record_tv_type"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="其他"
            android:layout_toRightOf="@id/frag_record_iv"
            android:layout_centerVertical="true"
            android:textSize="16sp"
            android:textStyle="bold"
            android:layout_marginLeft="10dp"/>
        <EditText
            android:id="@+id/frag_record_et_money"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:inputType="number"
            android:background="@color/white" />

    </RelativeLayout>
    <View
        android:id="@+id/frag_record_line1"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_below="@id/frag_record_r1_top"
        android:background="@color/grey_f3f3f3"/>

    <GridView
        android:id="@+id/frag_record_gv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/frag_record_line1"
        android:background="@color/white"
        android:numColumns="5"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"/>
<!--    自定义键盘-->
    <android.inputmethodservice.KeyboardView
        android:id="@+id/frag_record_keyboard"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/grey_f3f3f3"
        android:keyTextColor="@color/black"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:paddingTop="1dp"
        android:layout_alignParentBottom="true"
        android:shadowColor="@color/white"
        android:shadowRadius="0.0"/>

    <RelativeLayout
        android:layout_above="@id/frag_record_keyboard"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/white">
        <TextView
            android:id="@+id/frag_record_tv_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="202010yue30ri"
            android:layout_alignParentRight="true"
            android:padding="10dp"/>

        <TextView
            android:id="@+id/frag_record_tv_beizhu"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="添加备注"
            android:layout_toLeftOf="@id/frag_record_tv_time"
            android:padding="10dp"/>
    </RelativeLayout>


</RelativeLayout>

效果

最下面是软键盘,具体还没开始写呢

标签:xml,mainlv,--,记账,andorid,绘制,每一项,页面
From: https://www.cnblogs.com/gyg1222/p/18018510

相关文章

  • docker启动mysql失败原因分析
    dockerlogsmysql 发现问题Can'treaddirof'/etc/mysql/conf.d/修改原因:原来的命令:dockerrun-p3306:3306--namemysql-v/mydata/mysql/log:/var/log/mysql-v/mydata/mysql/data:/var/lib/mysql -v/mydata/mysql/conf:/etc/mysql-eMYSQL_ROOT_PASSWORD=roo......
  • 书生开源大模型训练营-第5讲-笔记
    1、大模型部署的背景a、大模型部署的挑战对设备的要求:存储大推理:生成token的速度、动态shape、内存管理服务:高并发下的吞吐量、单用户的响应时间b、技术方案:模型并行、量化Transfomer优化、推理优化2、LMDeploy介绍a、是在N卡上的全流程方案,包括轻量化、推理和服务,当......
  • Docker 安装 MySQL8.0
    docker安装mysqldocker仓库搜索mysqldockersearchmysqldocker仓库拉取mysql8.0dockerpullmysql:8.0//默认拉取最新版本dockerpullmysql查看本地仓库镜像是否下载成功dockerimagesmysql:8.0安装运行mysql8.0容器dockerrun-p3307:3306--namem......
  • 可导、连续、可微、有定义、有极限
    另,在某点可导,则在某点必须有定义。在某点连续,在某点也必须有定义。有定义未必可导、未必连续,未必可微有极限未必有定义!有极限未必连续,有极限未必可导,有极限未必可微,有极限甚至未必有定义!即:在数学分析中,存在极限(ExistenceofaLimit)是指当自变量x无限接近某个特定值a时,函......
  • DBeaver Public Key Retrieval is not allowed
    最近由于navicat到期了,没续了。打算用用dbeaver。dbeaver是免费和开源(GPL)为开发人员和数据库管理员通用数据库工具。家用完全足够了。但是在配置数据库连接的时候遇到错误:DBeaver连接MySQL提示“PublicKeyRetrievalisnotallowed”。PublicKeyRetrievalisnotallowed......
  • Pikachu靶场安装
    安装debian@debian:~$sudodockerpullarea39/pikachuUsingdefaulttag:latestlatest:Pullingfromarea39/pikachuc64513b74145:Pullcomplete......0ebf3d66b35d:PullcompleteDigest:sha256:e9748879af76b68235a6ec66ce28b048323ac31f7f33065d83727cacb3998e0......
  • 苹果iPhone手机Trollstore巨魔2必备神器Misaka.ipa签名安装支持iOS15.5~16.6.1错误如
    文末附工具链接和视频介绍引言上一篇,介绍了哪些设备可以安装巨魔2:巨魔TrollStore2已经支持更多版本和型号A12-A17今天继续实战介绍,如何在iPhone上安装巨魔TrollStore2的前置工作,通过Misaka来安装巨魔TrollStore2,先进行Misaka.ipa签名安装。Misaka支持哪些iOS版本和方式......
  • 数学分析中间断点的类型
    在数学分析中,函数的间断点是指函数在该点附近的行为表现出不一致或者极端性的点。间断点的类型主要有两种:第一类间断点和第二类间断点。第一类间断点:可去间断点和跳跃间断点。可去间断点(RemovableDiscontinuity):如果函数在某点的左极限和右极限都存在且相等,但函数在该点要么没有......
  • 开年王炸 | OpenAI首个文生视频模型Sora发布,这一次短视频、影视、游戏等行业或许将被
    前言北京时间2月16日,OpenAI突然发布首个文生视频模型Sora。这一模型可以根据用户输入的提示词直接生成长达60秒的高清视频,并且包含高度细致的场景、复杂的多角度镜头,以及生动的角色表情。平地一声雷,这次依然让人惊呼“又是王炸”,AI视频要变天了。Sora是什么Sora是OpenAI发布......
  • CryptnetUrlCache
    CryptnetUrlCache是一个在Windows操作系统中用于存储从网络下载的证书的缓存目录。这个机制是Windows的加密API(CryptographicAPI)的一部分,主要用于存储和检索从网络上下载的证书验证链、证书吊销列表(CRLs)、以及证书信任列表(CTLs)等信息。这些信息是用于帮助Windows验证网......