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文件 ...
随机推荐
- java的gradle项目的基本配置
plugins { id 'org.springframework.boot' version '2.1.4.RELEASE' id 'java' } apply plugin: 'io.spring ...
- 关闭SVN服务
关闭TSVNCache.exe进程 在Windows下使用SVN,通常都会安装TortoiseSVN,安装后会有一个TSVNCache.exe的进程驻留内存,这个进程会定时地去扫描Subversion ...
- CarbonData
CarbonData http://carbondata.apache.org/ Apache顶级项目CarbonData应用实践与2.0新技术规划介绍_搜狐科技_搜狐网 https://www.so ...
- 在C++中使用Libmd5计算字符串或文件的MD5值
CppMD5Demo.cpp #include <iostream> #include <fstream> #include <chrono> #include & ...
- 自己写的canvas 手写画板
<!DOCTYPE html> <html> <head> <title>canvas</title> <meta charset=& ...
- linux 解决 Device eth0 does not seem to be present
在虚拟机中安装cent os系统,然后配置网络 执行命令ifconfig 没有看到eth0的信息: 重启网卡报错: service network restart Shutting down loop ...
- vue 数组和对象渲染问题
vue 数组和对象渲染问题 最近项目有点忙碌,遇到好多问题都没有总结(╥﹏╥),在开发过程中,取vuex中的数组渲染完成之后,再次修改数组的值,数据更新了,但是视图并没有更新.以为是数组更新的问题,后 ...
- POJ3278 Catch That Cow —— BFS
题目链接:http://poj.org/problem?id=3278 Catch That Cow Time Limit: 2000MS Memory Limit: 65536K Total S ...
- Why is an 'Any CPU' application running as x86 on a x64 machine?
It's likely that you linked some assemblies that are not Any CPU, but include native code (or are ...
- 控制cms:CMSDropDownList的width
查找了一下kentico内部使用相关控件的代码,发现有2种方式,可以达到效果. 在我们自己的css class定义的地方,在class前面加上.cms-bootstrap .cms-bootstrap ...