原 android基础学习-android篇day18-旅游UI之(3-1)我的-界面实现

最新推荐文章于 2024-06-19 09:48:43 发布
最新推荐文章于 2024-06-19 09:48:43 发布
阅读量474 收藏 6
点赞数
分类专栏： 1-android入门
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17846019/article/details/82859019
版权

part1：我的界面实现-头部xml布局的实现 

在fragment_me.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">

    <RelativeLayout
        android:id="@+id/layout_me_header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#008CC9">

        <Button
            android:id="@+id/btn_login"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="@mipmap/login_btn"
            android:layout_centerHorizontal="true" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_below="@+id/btn_login"
            android:layout_marginBottom="5dp"
            android:layout_marginTop="15dp">

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

                <ImageView
                    android:layout_width="24dp"
                    android:layout_height="24dp"
                    android:background="@mipmap/me_menu_sail" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="优惠券" />
            </LinearLayout>

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

                <ImageView
                    android:layout_width="24dp"
                    android:layout_height="24dp"
                    android:background="@mipmap/me_menu_yh" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="折扣券" />
            </LinearLayout>

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

                <ImageView
                    android:layout_width="24dp"
                    android:layout_height="24dp"
                    android:background="@mipmap/me_menu_go" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="购物券" />
            </LinearLayout>

        </LinearLayout>
    </RelativeLayout>

</LinearLayout>

part2：滚动列表的实现 

将做好的列表放在scrollview中

注意：可能会使底部显示不全，被挡住

只有设置scrollview的marginBottom=“一个距离”，距离底部的距离约大，就可以使它底部的内容跑上来了

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <!--头部-->
    <RelativeLayout
        android:id="@+id/layout_me_header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#008CC9">

        <Button
            android:id="@+id/btn_login"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_centerHorizontal="true"
            android:background="@mipmap/login_btn" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/btn_login"
            android:layout_marginBottom="5dp"
            android:layout_marginTop="15dp"
            android:orientation="horizontal">

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

                <ImageView
                    android:layout_width="24dp"
                    android:layout_height="24dp"
                    android:background="@mipmap/me_menu_sail" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="优惠券" />
            </LinearLayout>

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

                <ImageView
                    android:layout_width="24dp"
                    android:layout_height="24dp"
                    android:background="@mipmap/me_menu_yh" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="折扣券" />
            </LinearLayout>

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

                <ImageView
                    android:layout_width="24dp"
                    android:layout_height="24dp"
                    android:background="@mipmap/me_menu_go" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="购物券" />
            </LinearLayout>

        </LinearLayout>
    </RelativeLayout>
    <!--滚动列表-->
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="80dp"

        >

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

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:layout_marginLeft="5dp"
                    android:src="@mipmap/list_my_menu" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:gravity="center">

                    <TextView
                        android:id="@+id/txt_me"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的订单"
                        android:textSize="18dp" />

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:layout_below="@+id/txt_me"
                        android:layout_marginRight="10dp"
                        android:background="#D8DEDD">

                    </View>
                </RelativeLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:layout_marginLeft="5dp"
                    android:src="@mipmap/list_save" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:gravity="center">

                    <TextView
                        android:id="@+id/txt_my_save"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的收藏"
                        android:textSize="18dp" />

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:layout_below="@+id/txt_my_save"
                        android:layout_marginRight="10dp"
                        android:background="#D8DEDD">

                    </View>
                </RelativeLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:layout_marginLeft="5dp"
                    android:src="@mipmap/list_pwd" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:gravity="center">

                    <TextView
                        android:id="@+id/txt_pwd"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的口令"
                        android:textSize="18dp" />

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:layout_below="@+id/txt_pwd"
                        android:layout_marginRight="10dp"
                        android:background="#D8DEDD">

                    </View>
                </RelativeLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:layout_marginLeft="5dp"
                    android:src="@mipmap/list_my" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp">

                    <TextView
                        android:id="@+id/txt_my"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的锦囊"
                        android:textSize="18dp" />
                </RelativeLayout>
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="6dp"
                android:layout_below="@+id/txt_my"
                android:layout_marginTop="5dp"
                android:background="#D8DEDD"></View>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:layout_marginLeft="5dp"
                    android:src="@mipmap/list_safe_center" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:gravity="center">

                    <TextView
                        android:id="@+id/txt_safe_center"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="安全中心"
                        android:textSize="18dp" />

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:layout_below="@+id/txt_safe_center"
                        android:layout_marginRight="10dp"
                        android:background="#D8DEDD">

                    </View>
                </RelativeLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:layout_marginLeft="5dp"
                    android:src="@mipmap/list_address" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:gravity="center">

                    <TextView
                        android:id="@+id/txt_adress"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="常用地址"
                        android:textSize="18dp" />

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:layout_below="@+id/txt_adress"
                        android:layout_marginRight="10dp"
                        android:background="#D8DEDD">

                    </View>
                </RelativeLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:layout_marginLeft="5dp"
                    android:src="@mipmap/list_service" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:gravity="center">

                    <TextView
                        android:id="@+id/txt_service"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="客服中心"
                        android:textSize="18dp" />

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:layout_below="@+id/txt_service"
                        android:layout_marginRight="10dp"
                        android:background="#D8DEDD">

                    </View>
                </RelativeLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:layout_marginLeft="5dp"
                    android:src="@mipmap/list_sug" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:gravity="center">

                    <TextView
                        android:id="@+id/txt_sug"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="意见反馈"
                        android:textSize="18dp" />

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:layout_below="@+id/txt_sug"
                        android:layout_marginRight="10dp"
                        android:background="#D8DEDD">

                    </View>
                </RelativeLayout>
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="6dp"
                android:layout_below="@+id/txt_my"
                android:layout_marginTop="5dp"
                android:background="#D8DEDD"></View>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:layout_marginLeft="5dp"
                    android:src="@mipmap/list_setting" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:gravity="center">

                    <TextView
                        android:id="@+id/txt_setting"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="设置"
                        android:textSize="18dp" />

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="1dp"
                        android:layout_below="@+id/txt_setting"
                        android:layout_marginRight="10dp"
                        android:background="#D8DEDD">

                    </View>
                </RelativeLayout>
            </LinearLayout>
        </LinearLayout>
    </ScrollView>
</LinearLayout>

 

mrdonkey3
关注
专栏目录
Android主界面实现方式
lijilong_的博客
02-09 3246
做个笔记，有错误的地方请指点！ 有两种类型主界面页的切换： 第一种是FragmentTransaction和Fragment； 第二种是ViewPager和FragmentPagerAdapter； 效果差不多，都可以点击切换，但第二种可以左右滑动切换， 第一种FragmentTransaction和Fragment实现： 首先是布局文件act_tab2.xml <LinearLa
Android代码-旅游app的安卓端
08-06
travelApp ==== 旅游app的安卓端 后台： https://github.com/540871129/AppBackend 说明： 此旅游app项目是本人的毕业设计，包括了后台和安卓端，之前没接触过安卓，然后为了毕业设计，边学边码，时不时的问了周围搞安卓的同学，终于吧这个可恶的安卓端做好了。 总体来说样子还过得去，不足的地方还是很多的，像Fragment和activity各种乱用了，还有些bug自己也懒修了，特别是在Tabhost的第二个tab，因为嵌套了viewpage，viewpage里面还加了tablayout导致第一次显示居然没有标题了，切换其他tab后回来才显示，没办法时间赶加上自己安卓水到不行，还各种极度厌恶java,看到那代码简直就没激情了。但是觉得还是有些参考价值的，就贡献出来看看。 定位的时候注意，不要把手机的定位开起来，通过网络定位就好，是我定位没有写好处理，在app里面设置了网络定位，然后如果你把自己手机的定位也开起来，会导致不断的去定位，无限弹定位框。哈哈，bug。 app界面：懒得传图了，就给个isux的传送门，有兴趣的朋友去看
Android我的积分页面
qq_52108058的博客
10-08 822
简单适配器和自定义适配器都可以完成以下布局，这里我们使用自定义适配器来完成，可以便于后期的修改，灵活而优雅。自定义适配器，用来完成信息与布局的存储。实体类用来存储列表项信息。
探索未来出行：OpenTripPlanner for Android
最新发布
gitblog_00098的博客
06-19 250
探索未来出行：OpenTripPlanner for Android 项目简介 项目地址:https://gitcode.com/CUTR-at-USF/OpenTripPlanner-for-Android OpenTripPlanner for Android是一款强大的多模式旅行规划和导航应用，它与任何OpenTripPlanner服务器无缝对接，为用户提供全球范围内的智能出行方案。虽然该项...
Android studio（安卓应用开发）：实现微信中，“微信”和“我的”页面
热门推荐
qq_52526226的博客
11-06 1万+
效果图：（细节图片自换） 代码： app-java-com.example.a1031-MainActivity package com.example.a1031; import android.annotation.SuppressLint; import android.app.Activity; import android.app.AlertDialog; import android.app.Dialog; import android.app.FragmentManag.
android 封装view,Android通用UI封装----“我的”页面Item
weixin_42303389的博客
05-25 338
/*** 设置root的paddingTop 与 PaddingBottom 从而控制整体的行高* paddingLeft 与 paddingRight 保持默认 20dp*/publicMyOneLineView setRootPaddingTopBottom(intpaddintTop, intpaddintBottom){llRoot.setPadding(DensityUtils.dp2p...
Flutter-WeatherUi-Day3:Flutter Ui挑战赛第三天（天气-Ui）
03-20
在本项目中，"Flutter-WeatherUi-Day3:Flutter Ui挑战赛第三天（天气-Ui）" 是一个基于Flutter框架的天气应用用户界面设计。这个挑战赛旨在展示如何使用Flutter来构建美观且功能丰富的天气应用界面。以下是关于...
20151228-Android基础视频day07-day11源码
11-09
`day09_code`可能涉及到用户界面（UI）设计，包括使用Android的布局管理器如LinearLayout，RelativeLayout，和ConstraintLayout来构建界面。此外，可能还讲解了使用TextView，Button，EditText等基本UI元素，以及...
Android-skin-sprite另一种不重启Activity切换Android夜间模式的库
08-13
在Android应用开发中，提供夜间模式是提升用户体验的重要方式之一。传统的实现夜间模式通常需要重启Activity，这可能导致界面闪烁，影响用户体验。而“Android-skin-sprite”库提供了一种无需重启Activity就能实现...
Android 0day漏洞检测沙箱系统的设计与实现-v3.7.pdf
10-25
Android平台是目前最广泛使用的移动操作系统之一，它的安全问题一直是研究人员和开发者的关注焦点。0day漏洞指的是那些厂商和公众尚未知悉的安全漏洞，它们通常被恶意攻击者利用来进行攻击，因此及时检测和修补这类...
Android-一个酷炫的日间夜间模式切换按钮
08-13
通过学习这个项目，开发者可以掌握如何自定义Android控件，实现更丰富的用户界面，并了解如何使用动画库来提升用户体验。同时，它也展示了如何处理用户偏好存储和动态更改应用主题的技术。这样的实践对于提升Android...
android 漂亮的UI界面 完整的界面设计
02-17
声明：这也是我学习时在网上下载的，鉴于分享精神，并且觉得很不错才上传上来的。。。。。 android 漂亮的UI界面 完整的界面设计 这是一个完整的UI设计，但是没写动作，这是一个公司程序员的公司任务设计，请别商用，要用请修改。。。
让我们一起来做最漂亮的Android界面吧！
02-03
：如何为Android设备量身定制以打造出最为完美的应用？这是让诸多开发者很是头疼的问题。不同于iOS，Android设备品类众多，屏幕分辨率、动态缩放、字体等各有不同。美国自学成才的UI/UX设计师MengTo结合自己所学及实战演练对Android应用设计进行了各方位的深入剖析。与苹果的iOS家族相比，Android家族显然要大得多，但俗语有言“林子大了什么鸟都有”，Android设备品类繁多，界面不甚协调，再加上其一贯的自由开放作风，直接导致了应用极度缺乏统一性。Android自身的开放性极大的推动了应用的自主性，但对于开发者而言，在应用开发过程中，大到界面设计，小到屏幕分辨率、动态缩放及
ANDROID旅游行业APP界面例程
09-26
一个旅游行业的APP更新案例，界面比较美观，4.0以上版本更新功能正常使用
基于安卓的旅游系统源代码一套
02-23
基于安卓的旅游系统源代码一套，很实用，有SQL文件，可供大家学习参考
APP-高仿去哪儿旅行界面源码
01-16
APP-高仿去哪儿旅行界面源码，界面美观，功能可以正常使用
Android 个人界面的布局
weixin_44911775的博客
03-01 1171
下面是下面的列表 <com.github.widget.SuperButton android:id="@+id/btn_bill" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:drawableStart="@mipmap/ic_person
干货！我开发 Android 是如何界面设计的
Notzuonotdied的博客
10-01 1162
干货！我开发 Android 是如何界面设计的 当年，随着 Android 5.0 的面世，Google 也带来了全新的设计规范 Material Design 。第一次看到 Material Design 的应用，简直是太好看了，有没有！ 下面呢，我将主要介绍一下，我在开发时常用到的一些网站 界面设计dribbble 第一个就不得不提大名鼎鼎的 dribbble，上面都是由众多国内外优秀的设计师或
Android通用UI封装----“我的”页面Item
code小生
09-10 3045
code小生,一个专注 Android 领域的技术平台公众号回复 Android 加入安卓技术交流群作者：chaohx链接：https://www.jianshu.com...
android 时间轴 listview,android 时间轴listview的UI界面实现
05-18
实现 Android 时间轴 ListView 的 UI 界面，可以通过自定义 ListView 的 Item 布局来实现。下面是一个简单的实现过程： 1. 创建一个 ListView 控件，用于显示时间轴列表。 2. 创建一个自定义的 Item 布局，用于...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值