android 实现类似个人中心的界面设计

2023-05-16

上效果图:
这里写图片描述
这里写图片描述

先理清设计思路:
1、外层用linearlayout包裹,linearlayout采用shape,搭上描边、圆角和填充背景色。
2、里层采用relativelayout填充进textview、imageview。
思路搞清后,很简单就两步。
先上布局代码:

    <LinearLayout style="@style/PersonalMainLayoutStyle" >

        <RelativeLayout style="@style/FindBottomStyle" >

            <TextView
                style="@style/PersonalTextStyle"
                android:text="我的订单" />

            <ImageView
                android:id="@+id/iv_drop_down"
                style="@style/PersonalRightIconStyle"
                android:src="@drawable/android_list_idex" />
        </RelativeLayout>
    </LinearLayout>

linearlayout布局属性代码:

    <style name="PersonalMainLayoutStyle">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_margin">10dp</item>
        <item name="android:background">@drawable/background_corners</item>
        <item name="android:orientation">vertical</item>
        <item name="android:padding">1dp</item>
    </style>

relativelayout布局属性代码:

    <style name="FindBottomStyle">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">30dp</item>
        <item name="android:layout_margin">5dp</item>
        <item name="android:background">@drawable/more_activity_item_selector_bottom_corners</item>
    </style>

textview和imageview的属性代码可以自己设计了。

下面是drawable的设计代码.
看到上边relativelayout的item中引用了drawable-more_activity_item_selector_bottom_corners,个人感觉好像没什么卵用,主要是linearlayout的drawable,但是我没试,还是贴出来吧
relativelayout-drawable:

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <solid android:color="#ffffe381" />
            <stroke android:width="0.0dip" android:color="#ffcccccc" />
            <corners android:bottomLeftRadius="6.0dip" android:bottomRightRadius="6.0dip" />
        </shape>
    </item>
    <item>
        <shape>
            <solid android:color="#ffffffff" />
            <stroke android:width="0.0dip" android:color="#ffcccccc" />
            <corners android:bottomLeftRadius="6.0dip" android:bottomRightRadius="6.0dip" />
        </shape>
    </item>
</selector>

linearlayout-drawable:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item><shape>
            <solid android:color="#ffffffff" />

            <stroke android:width="1.0dip" android:color="#ffcccccc" />

            <corners android:radius="6.0dip" />
        </shape></item>

</selector>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

android 实现类似个人中心的界面设计 的相关文章

  • 远程连接服务器无法拷贝本地文件解决

    方法一 让远程服务器访问本地文件 1 点击开始 gt 程序 gt 附件 gt 远程桌面连接 xff08 或者Win 43 R xff0c 输入mstsc xff09 xff0c 打开 远程桌面连接 菜单 xff0c 点击 选项 按钮 xff
  • 3-linux文件系统常用命令

    1 查看目录下文件 ls l a 带上参数 a则显示隐藏文件 xff0c 隐藏文件的特点是在文件名前多出一个点 l a 都是短选项 xff0c 短选项后面只能跟一个字符 xff0c 所以可以写在一起 xff1a la 长选项例如 xff1a
  • (一)我们编写的代码如何在计算机上运行

    目录 1 计算机指令 2 代码执行过程 3 函数执行的原理 4 我们写的代码如何编译链接 xff0c 被加载到内存并执行 4 1 背景 4 2 问题 4 3 解决方案 4 4 编译 gt 链接 gt 装载 4 5 程序如何加载到内存 4 6
  • 51单片机工作于方式0的定时器模式

    51单片机的 模式0 xff08 13位定时器 计数器 xff09 第一步 xff1a 通过设置TMOD中的M1 M0位设置 xff0c 即可完成模式选择 00 为 模式0 xff08 13位定时 计数模式 xff09 01 为模式1 xf
  • Linux系统下的root用户初始密码设置及用户切换方法

    导读 在安装好Linux或Ubuntu这类开源系统后 xff0c 默认启用的帐号是我们在安装系统时创建的帐号 xff0c 有时候我们在执行一下操作时 xff0c 发现权限不够 xff0c 通常我们就会切换到 root 用户上去执行相关的操作
  • win10安装visual studio 2015 出现安装包丢失或损坏是什么原因?

    作者 xff1a xiaoma 链接 xff1a https www zhihu com question 33643147 answer 252040460 xff08 觉得有帮助的 xff0c 一定要顶上去 让更多人看到 下面图片是我从
  • nginx --增加 headers-more-nginx-module

    已经编译好的编nginx需要添加headers more nginx module模块来自定义响应头 1 需要下载headers more nginx module wget https span class hljs comment gi
  • btrfs snapshot快照与回滚

    拍快照是 btrfs subvolume snapshot source dir dest dir snapshot name 回滚方式 xff1a 将原目录更名mv source dir source dir back 利用快照目录再次快
  • 简单方便的linux定时任务管理器——supervisor

    背景 我们在linux服务器上部署模型或者一个长期运行的程序的时候 xff0c 通常使用的是nohup方法 xff0c 因为nohup真的非常简单 xff0c 只需要一行命令即可 xff0c 但是nohup不好的地方就在于无法监控 xff0
  • HTTP、HTTPS等常用的默认端口号

    最近部署一个接口访问对方域名 xff0c https开头Url 端口配成80 xff0c 犯了个低级错误 重新学习一下 端口号标识了一个主机上进行通信的不同的应用程序 1 xff0c HTTP服务器 xff0c 默认端口号为80 tcp x
  • Msg3.0.db可以删吗?一招教你释放C盘50个G空间!

    相信很多朋友经常遇到C盘爆满的时候 xff0c 网上很多方法解决的并不彻底 xff0c 而且很多时候不具有通用性 今天给大家介绍一下如何使用WinDirStat来快速释放自己的硬盘 xff01 WinDirStat 这款神器自己可以自行百度
  • dpkg介绍

    dpkg dpkg a medium level package manager for Debian With dpkg set selections you can set which packages are to be instal
  • 【常用算法】辗转相除法求最大公约数

    辗转相除法 xff0c 又称欧几里德算法 xff08 Euclidean Algorithm xff09 xff0c 是求两个数的最大公约数 xff08 greatest common divisor xff09 的一种方法 用较大的数除以
  • Python人工智能之图片识别,Python3一行代码实现图片文字识别

    自学Python3第5天 xff0c 今天突发奇想 xff0c 想用Python识别图片里的文字 没想到Python实现图片文字识别这么简单 xff0c 只需要一行代码就能搞定 作者微信 xff1a 2501902696 from PIL
  • 动态模型

    1 动态模型 1 1 说明 动态模型是指模型的属性是不固定的 xff0c 可以添加和变更 xff1b 也指不同模型 xff0c 可以增加模型 不同模型在存储上为了性能和隔离 xff0c 使用不同的表 但逻辑编写为了复用 xff0c 一般使用
  • axios请求数据的格式(create)

    post请求 请求的路径 http localhost 9528 dev api admin acl user save 数据格式 xff1a form对象 xff0c 数据在请求体里面 user js文件中 export const re
  • Linux查看mysql使用的是哪个my.cnf

    1 查看是否使用了指定目录的my cnf ps aux grep mysql grep 39 my cnf 39 2 查看mysql默认读取my cnf的目录 mysql help grep 39 my cnf 39 会按顺序加载 3 启动
  • 使用C#跨PC 远程调用程序并显示UI界面

    在项目中有一个需求是需要在局域网内跨PC远程调用一个程序 xff0c 并且要求有界面显示 xff0c 调查了一些资料 xff0c 能实现远程调用的 Net技术大概有PsExec WMI Schedule Task 这三种方式都做了一个尝试
  • Android 获取设备唯一号 unknown

    Android 获取设备唯一号 unknown 问题 xff1a 使用 Build SERIAL 获取设备唯一号时有些机型会返回 39 unknown 39 原因 xff1a 在Android O以后 android os Build SE
  • C++ string类如何format(格式化)字符串

    string类的使用 很遗憾 xff0c string类并没有提供关于format 格式化 字符串的操作 xff0c 但是我们可以借助其他方法来实现 方法一 xff08 推荐 xff09 xff1a ostringstream类实现 ost

随机推荐

  • Codeforces加速访问及其他编程比赛平台推荐

    最近在学习算法 xff0c 刷题 学的差不多准备去比赛试一试 这里分享一些平时比赛平台 文章的开始先给大家推荐一个公众号 小辅导 互联网开发者 多年一线程序开发经验 不定期分享各类资源 https mp weixin qq com s Gq
  • IOS开发UIScrollView控件详解

    首先实现UIScrollViewDelegate协议 xff1a plain view plain copy import lt UIKit UIKit h gt 64 interface Activity01ViewController
  • 【测试开发】几种常见的自动化测试框架

    几种常见的自动化测试框架 在软件测试领域 xff0c 自动化测试框架有很多 xff0c 这里主要介绍几种常用的自动化测试框架 1 pytest pytest 是 Python 的一种单元测试框架 xff0c 与 Python 自带的 uni
  • MPV 快捷键

    按键功能RIGHT前进 5 秒LEFT后退 5 秒UP前进 60 秒DOWN后退 60 秒 0 9091 倍速播放 1 1 倍速播放 0 5 倍速播放 2 0 倍速播放Backspace还原到 1 0 倍速Space 或 p播放 暂停 下一
  • 清除DNS 缓存记录

    original link http www linuxfly org post 543 为了提高DNS 解析的记录 xff0c 很多操作系统都会提供缓存DNS 记录的功能 xff0c 但是 xff0c 这可能会为测试DNS 服务或域名设定
  • Jetson TX2更换软件源

    TX2的软件源为国外服务器 xff0c 网速会很慢 xff0c 需要换国内的ARM源 备份 etc lib路径下的source list文件 xff0c 然后在终端 xff08 按ctrl 43 alt 43 T打开 xff09 执行以下命
  • python和Microsoft Visual C++ Build Tools版本安装

    在windows环境下 xff0c python需要调用Microsoft Visual C 43 43 compiler编译器 xff0c 尤其是在安装第三方包时候 xff0c 会build项目 xff0c 这时如果没有安装或者安装不协调
  • WebSocket 实现数据实时刷新

    WebSocket 是HTML5的一个新协议 xff0c WebSocket 使得客户端和服务器之间的数据交换变得更加简单 xff0c 允许服务端主动向客户端推送数据 在 WebSocket API 中 xff0c 浏览器和服务器只需要完成
  • 计算机毕业设计论文资料查找

    学位论文的材料准备 所谓材料 xff0c 就是为科学研究和论文写作的需要而搜集的一系列事实和事理 撰写学位论文 xff0c 首先要占有丰富的材料 xff0c 这是科研和写作的基础 在这基础上 xff0c 对材料进行加工整理 综合分析 xff
  • 使用VS Code编写、调试和运行C++程序。

    上次提到的是VS Code怎么编写 调试和运行pytho程序 xff0c 这次来说说使用VS Code来对C 43 43 程序操作是怎么个流程和注意哪些问题 环境说明 xff1a Ubuntu18 04 VS Code g 43 43 编译
  • 搭建gitlab

    安装参照 https blog csdn net duyusean article details 80011540 配置的阿里云邮箱 Email Settings gitlab rails 39 gitlab email enabled
  • webrtc系列-kurento相关的一些尝试

    公司最近要做个ICU探视系统 于是在网上找了一个开源的webrtc实现kurentokurento github地址 https github com Kurento kurento media server 下载kurento docke
  • P1080 国王游戏(c++)

    题目 xff1a 题意 xff1a 找出获得最高赏金的大臣 每一个大臣获得的赏金 61 国王的左手 前面所有大臣的左手乘积 自己的右手 于是这里可以自然的想到贪心 xff1a 尽可能让前面所有人的乘积更小 xff0c 而自己的右手又尽可能地
  • 1.1 Qt Creater使用Python开发桌面软件的操作流程

    Qt Creater及Python的下载与安装过程不再赘述 xff0c 读者可自行在网上搜索相应的下载与安装方法 首先我们打开Qt Creater xff0c 单击 Create Project 按钮或单击菜单栏中的 文件 New Proj
  • zootracer使用说明——一款视频物体追踪软件,获取运动物体在屏幕坐标系的运动轨迹

    警告 xff01 软件会使用大量计算机资源 xff0c 请使用配置较高的电脑运行程序 xff01 不然容易把电脑跑坏 xff01 我的配置 xff1a CPU AMD Ryzen 7 5800H with Radeon Graphics G
  • Dockerfile概念简介

    Dockerfile概念简介 前言一 dockerfile概念二 Docker镜像的创建 1 基于现有镜像创建 2 基于本地模板创建 3 基于dockerfile创建 dockerfile结构 xff08 四部分 xff09 构建镜像命令
  • Android:file.mkdirs() false

    如果创建文件目录失败 就要考虑两个原因 1 是否给了读写权限 清单文件有读写权限 但是创建目录之前是否允许了 span class token operator lt span uses span class token operator
  • 【Flutter web】内网网站如何发布?解决外网下canvaskit.js和字体无法加载问题

    背景 由于部署的网站只能在内网下使用 xff0c 部署服务器又不能访问外网 xff0c 导致Flutter web部署遇到很多问题 xff0c 比如 xff1a 白屏 部署的网站为何首次加载缓慢 xff0c 会白屏 xff1f 通过浏览器开
  • 【Flutter web】实现批量生成可下载的二维码,二维码图片点击下载

    这里写自定义目录标题 先看效果 xff1a 方法 xff1a 先看效果 xff1a 方法 xff1a web布局就略过 xff0c 自行练习 xff0c 只讲重点 xff01 此项目需要用到三个依赖库 xff1a zxing2 0 1 0i
  • android 实现类似个人中心的界面设计

    上效果图 xff1a 先理清设计思路 xff1a 1 外层用linearlayout包裹 xff0c linearlayout采用shape 搭上描边 圆角和填充背景色 2 里层采用relativelayout填充进textview ima