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文件 ...
随机推荐
- 值得收藏的45个Python优质资源(附链接)
REST API:使用 Python,Flask,Flask-RESTful 和 Flask-SQLAlchemy 构建专业的 REST API https://www.udemy.com/rest- ...
- solr单机多实例部署文件锁冲突解决的方法
给出一个有问题的单机多tomcat实例引用同一个solr实例部署图. 这样的部署必定造成一个问题.启动第二个tomcat实例时,一定会报索引目录文件锁已经被占用. 最初的解决的方法是.有多少个tomc ...
- LeetCode题解(13)--Roman to Integer
https://leetcode.com/problems/roman-to-integer/ 原题: Given a roman numeral, convert it to an integer. ...
- Codeforces Beta Round #25 (Div. 2 Only)D. Roads not only in Berland
D. Roads not only in Berland time limit per test 2 seconds memory limit per test 256 megabytes input ...
- [RK3288][Android6.0] 调试笔记 --- 系统识别不同硬件版本方法【转】
本文转载自:http://m.blog.csdn.net/kris_fei/article/details/70226451 Platform: RockchipOS: Android 6.0Kern ...
- HDU2476 String painter —— 区间DP
题目链接:https://vjudge.net/problem/HDU-2476 String painter Time Limit: 5000/2000 MS (Java/Others) Me ...
- POJ2251 Dungeon Master —— BFS
题目链接:http://poj.org/problem?id=2251 Dungeon Master Time Limit: 1000MS Memory Limit: 65536K Total S ...
- HDU - 1875 畅通工程再续(最小生成树)
d.c个小岛,通过建立桥,使其全部可达.求所有的桥的最小长度和. s.最小生成树,数据改成double就行了 c.Prim算法:cost[a][b]和cost[b][a]都得赋值. /* Prim算法 ...
- 在canvas标签和style中定义width和height
在canvas标签中定义width.height跟在style中定义width.height是不同的.canvas标签的width和height是画布实际宽度和高度,就是在这个上面绘制图形.style ...
- skynet实践(8)-接入websocket
我从开源项目(https://github.com/lipp/lua-websockets,这里我们简称LWS)中抽出了websocket的部分处理,步骤如下: 1)首先是解决LWS的几个依赖问题.L ...