Android课程设计第二天界面排版
注意：课程设计只为完成任务，不做细节描述~
老师叫我们做一个这个样子，然后..
<?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="@mipmap/bg"
tools:context="com.example.myapplication.MainActivity">
<!--button flag
ID:Identical xml fire can not have a same and it is a only flag
difference xml fire must have a only flag by himself--> <Button
android:id="@+id/btn_back"
android:layout_width="100dp"
android:layout_height="40dp"
android:background="@mipmap/left"></Button>
<!--无论是布局还是控件，在确定位置的时候，都遵循父布局的规则
相对布局常用属性：android:layout_below 在下面
线性布局常用属性：orientation 方向 vertical horizontal
layout_weight 权重-->
<android.support.v7.widget.FitWindowsLinearLayout
android:id="@+id/left_menu"
android:layout_width="40dp"
android:layout_height="140dp"
android:layout_below="@id/btn_back"
android:layout_marginTop="50dp"
android:orientation="vertical"> <ImageView
android:id="@+id/story"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:src="@mipmap/gushi" /> <ImageView
android:id="@+id/shuxing"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:src="@mipmap/shuxing" /> <ImageView
android:id="@+id/zhuanbei"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:src="@mipmap/ic_launcher" /> <ImageView
android:id="@+id/haibao"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:src="@mipmap/haibao" />
</android.support.v7.widget.FitWindowsLinearLayout> <android.support.v7.widget.FitWindowsLinearLayout
android:id="@+id/kind_money"
android:layout_width="wrap_content"
android:layout_height="30dp"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:orientation="horizontal"> <Button
android:id="@+id/dian_money"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="@null"
android:drawableLeft="@mipmap/quan"
android:text="9999" /> <Button
android:id="@+id/jin_money"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="@null"
android:drawableLeft="@mipmap/jin"
android:text="9999" /> <Button
android:id="@+id/zuan_money"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="@null"
android:drawableLeft="@mipmap/zuan"
android:text="9999" />
</android.support.v7.widget.FitWindowsLinearLayout> <android.support.v7.widget.FitWindowsLinearLayout
android:layout_width="200dp"
android:layout_height="120dp"
android:layout_alignParentRight="true"
android:layout_below="@+id/kind_money"
android:orientation="vertical"
android:id="@+id/line" >
<!--第一行-->
<android.support.v7.widget.FitWindowsLinearLayout
android:id="@+id/line1" android:layout_width="match_parent"
android:layout_height="30dp"
android:orientation="horizontal">
<TextView
android:layout_width="50dp"
android:layout_height="match_parent"
android:text="定位"
android:gravity="center"
android:background="@drawable/bg"/>
<TextView
android:layout_width="50dp"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:text="法师"
android:textColor="#FF7F00"
android:textSize="12sp"
android:layout_marginLeft="5dp"/>
<TextView
android:layout_width="30dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="生存"
android:textSize="12sp"
android:layout_marginLeft="20dp"
/>
<android.support.v4.widget.ContentLoadingProgressBar
android:layout_width="120dp"
android:layout_height="match_parent" style="?android:attr/progressBarStyleHorizontal"
android:layout_gravity="center_vertical"
android:max="100"
android:progress="20"
/>
<TextView
android:layout_width="30dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="特色"
android:textSize="12sp"
/>
</android.support.v7.widget.FitWindowsLinearLayout>
<android.support.v7.widget.FitWindowsLinearLayout
android:layout_width="match_parent"
android:layout_height="30dp"
android:orientation="horizontal"
android:id="@+id/line2"
>
<TextView
android:layout_width="50dp"
android:layout_height="match_parent"
android:text="特长"
android:gravity="center"
android:background="@drawable/bg"/>
<TextView
android:layout_width="50dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="远程消耗"
android:textColor="#FF7F00"
android:textSize="12sp"
android:layout_marginLeft="5dp"/>
<TextView
android:layout_width="30dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="攻击"
android:textSize="12sp"
android:layout_marginLeft="20dp"
/>
<android.support.v4.widget.ContentLoadingProgressBar
android:layout_width="120dp"
android:layout_height="match_parent" style="?android:attr/progressBarStyleHorizontal"
android:layout_gravity="center_vertical"
android:max="100"
android:progress="20"
/>
<TextView
android:layout_width="30dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="特色"
android:textSize="12sp"
/>
</android.support.v7.widget.FitWindowsLinearLayout>
<android.support.v7.widget.FitWindowsLinearLayout
android:layout_width="match_parent"
android:layout_height="30dp"
android:orientation="horizontal"
android:id="@+id/line3"
>
<TextView
android:layout_width="50dp"
android:layout_height="match_parent"
android:text="熟练度"
android:gravity="center"
android:background="@drawable/bg"/>
<TextView
android:layout_width="50dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="282/300"
android:textColor="#FF7F00"
android:textSize="12sp"
android:layout_marginLeft="5dp"/>
<TextView
android:layout_width="30dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="技能"
android:textSize="12sp"
android:layout_marginLeft="20dp"
/>
<android.support.v4.widget.ContentLoadingProgressBar
android:layout_width="50dp"
android:layout_height="match_parent" style="?android:attr/progressBarStyleHorizontal"
android:layout_gravity="center_vertical"
android:max="100"
android:progress="45"
/>
<TextView
android:layout_width="30dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="特色"
android:textSize="12sp"
/>
</android.support.v7.widget.FitWindowsLinearLayout>
<android.support.v7.widget.FitWindowsLinearLayout
android:layout_width="match_parent"
android:layout_height="30dp"
android:orientation="horizontal"
android:id="@+id/line4"
>
<ImageView
android:layout_height="match_parent"
android:layout_width="50dp"
android:background="@mipmap/level"/>
<TextView
android:layout_width="50dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="资深法师"
android:textColor="#FF7F00"
android:textSize="12sp"
android:layout_marginLeft="5dp"/>
<TextView
android:layout_width="30dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="难度"
android:textSize="12sp"
android:layout_marginLeft="20dp"
/>
<android.support.v4.widget.ContentLoadingProgressBar
android:layout_width="120dp"
android:layout_height="match_parent" style="?android:attr/progressBarStyleHorizontal"
android:layout_gravity="center_vertical"
android:max="100"
android:progress="30"
/>
<TextView
android:layout_width="30dp"
android:layout_height="match_parent"
android:gravity="center"
android:text="特色"
android:textSize="12sp"
/>
</android.support.v7.widget.FitWindowsLinearLayout>
</android.support.v7.widget.FitWindowsLinearLayout>
<android.support.v7.widget.FitWindowsLinearLayout
android:layout_width="240dp"
android:layout_height="50dp"
android:layout_below="@+id/line"
android:layout_alignParentRight="true"
android:orientation="vertical"
>
<android.support.v7.widget.FitWindowsLinearLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:orientation="horizontal"
>
<TextView
android:layout_width="30dp"
android:layout_height="match_parent"
android:text="技能"
android:textColor="#0ccfff"
android:gravity="center_vertical"
/>
<ImageView
android:layout_height="match_parent"
android:layout_width="50dp"
android:background="@mipmap/w"/>
<ImageView
android:layout_height="match_parent"
android:layout_width="50dp"
android:background="@mipmap/q"/>
<ImageView
android:layout_height="match_parent"
android:layout_width="50dp"
android:background="@mipmap/e"/>
<ImageView
android:layout_height="match_parent"
android:layout_width="50dp"
android:background="@mipmap/r"/>
</android.support.v7.widget.FitWindowsLinearLayout> </android.support.v7.widget.FitWindowsLinearLayout>
<android.support.v7.widget.FitWindowsLinearLayout
android:layout_width="40dp"
android:layout_height="120dp"
android:layout_toLeftOf="@+id/line"
android:layout_below="@+id/kind_money"
android:orientation="vertical"
android:layout_marginRight="15dp">
<ImageView
android:layout_height="45dp"
android:layout_width="40dp"
android:layout_marginTop="10dp"
android:background="@mipmap/pai2"/>
<ImageView
android:layout_height="45dp"
android:layout_width="40dp"
android:layout_marginTop="20dp"
android:background="@mipmap/pai1"/>
</android.support.v7.widget.FitWindowsLinearLayout>
<android.support.v7.widget.FitWindowsLinearLayout
android:layout_width="108dp"
android:layout_height="149dp"
android:layout_alignParentBottom="true"
android:layout_marginLeft="150dp"
android:layout_marginBottom="30dp"
>
<ImageView
android:layout_height="149dp"
android:layout_width="108dp"
android:background="@mipmap/a1"/>
</android.support.v7.widget.FitWindowsLinearLayout>
</RelativeLayout>
<!--基本控件 id layout_width
layout_height
TextView:gravity(文字居中）textsize
textcolor
button:onclick drawableleft
imageview:src
基本布局
linearlayout :线性布局
特殊属性：orientation(方向两个
layout_wegigth(权重）
relativelayout:相对布局
1.以父布局作为参照物
1.1 三个中心
1.2 四条边 alignParentLeft
2.以其他控件作为参照物
1.1 上下左右
1.2 上下左右边对齐 layout_alignleft
3. 布局嵌套：以父布局的规则为准-->
控制方框形状的
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners
android:radius="20dp"/>
<solid android:color="#00f5ff">
</solid> </shape>
Android课程设计第二天界面排版的更多相关文章
- Android课程设计第六天欢迎界面（跳转）
注意:课程设计只为完成任务,不做细节描述~ package com.example.myapplication; import android.app.Activity; import android ...
- Android课程设计第五天欢迎界面（滑动）和图形选择
注意:课程设计只为完成任务,不做细节描述~ 滑动界面 package com.example.myapplication; import android.content.Intent; import ...
- java(课程设计之记事本界面部分代码公布)
代码:涉及记事本的一些界面......!! /* *java课程设计之记事本(coder @Gxjun) * 编写一个记事本程序 * 要求: * 用图形用户界面实现. * 能实现编辑.保存.另存为.查 ...
- Android课程设计第一天Android Studio安装
注意:课程设计只为完成任务,不做细节描述~ 学校有一个Android的课设,所以顺便把Android Studio安装了上去. 实际上安装过程并不复杂,只有几个地方需要注意~ 安装包可以去http:/ ...
- Android课程设计——博学谷1.0
本文讲述了如何应用大三下学期智能移动终端开发技术课程所学知识,完成包含服务器端.客户端程序的应用——博学谷登录模块的开发,结合java语言基本知识,例如:字符串.列表.类.数据库读写等,设计.实现一个 ...
- Android课程设计第四天ListView运用
注意:课程设计只为完成任务,不做细节描述~ 效果图 <?xml version="1.0" encoding="utf-8"?> <Relat ...
- Android课程设计第三天帧动画区间动画
注意:课程设计只为完成任务,不做细节描述~ 点火是帧动画,发射是区间动画,于是 <?xml version="1.0" encoding="utf-8"? ...
- java课程设计--WeTalk（201521123072秦贞一）
在线群聊系统 1,团队课程设计博客链接 http://www.cnblogs.com/slickghost/p/7018105.html 个人负责模块或任务说明 负责模块:界面设计与实现 2,自己的代 ...
- 第二篇 界面开发 (Android学习笔记)
第二篇 界面开发 第5章 探索界面UI元素 ●The Android View Class ●△Widget设计步骤 需要修改三个XML,以及一个class: 1)第一个xml是布局XML文件 ...
随机推荐
- HashMap底层原理以及与ConCurrentHashMap区别
HashMap基于hashing原理,我们通过put()和get()方法储存和获取对象.当我们将键值对传递给put()方法时,它调用键对象的hashCode()方法来计算hashcode,让后找到bu ...
- 【献给CWNU的师弟】Web篇
2014年10月8日 献给CWNU的师弟
- WM_GETMINMAXINFO的作用 .
如果想要实现窗口全屏,并且还有状态栏,会出现问题,那就是OnGetMinMaxInfo函数的作用.你可以试一下,如果把这个函数去掉,则当你按下工具栏中的全屏显示按钮时,框架视图确实变大了,但没有想象的 ...
- 登录日志的访问日志的 统计 MapReduce
登录日志的访问日志的 统计 MapReduce <!-- https://mvnrepository.com/artifact/org.apache.hadoop/hadoop-commo ...
- Sequelize入门一
最近刚开始接触Sequelize,当中遇到不少坑,所以想写篇Sequelize入门和大家分享,避免有道友和我一样爬坑. 学习sequelize的初衷是想解决SQL注入,它支持MySQL, SQLite ...
- Vue.js 使用 Swiper.js 在 iOS 11 时出现错误
前言 在H5项目中,需要用到翻页效果,通过 Swiper 来实现,安装 Swiper npm i swiper -S 但是实际使用中,发现低版本 iOS < 11 会出现下面这个错误: Synt ...
- HDU3045 Picnic Cows —— 斜率优化DP
题目链接:https://vjudge.net/problem/HDU-3045 Picnic Cows Time Limit: 8000/4000 MS (Java/Others) Memor ...
- javaScript实现增删改查
自己写的一个html+javaScript实现增删改查小实例.下面是js代码1. [代码][JavaScript]代码 //1.创建受捐单位数组var arrOrgData = [ { & ...
- PHP加密方式。 base！base！base！
PHP中的加密方式有如下几种 1. MD5加密 string md5 ( string $str [, bool $raw_output = false ] ) 参数 str -- 原始字符串. ...
- QTextEdit/QPlainTextEdit添加文字超出视图后，滚动条自动移至最底部
void ThreadExit::onTaskPerformState(const QString& strStatus) { //追加文本(ui.taskStatusTextEdit是一个Q ...