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文件 ...
随机推荐
- Sublime Text2-Control Package---ShinePans
1.打开sublime Text2 2.菜单条中的preference>>BrowsePackages 3.退到上一级打开Installed Packages 4.拷贝文件到此目录 (Pa ...
- vue class与style绑定、条件渲染、列表渲染
列表渲染 根据我例子的需要,先来说下,列表渲染使用到的是v-for指令,需要使用 item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名,具体使用方法 ...
- scala快速学习笔记(一):变量函数,操作符,基本类型
为了用spark,先学下scala. 参考教程:http://meetfp.com/zh/scala-basic doc查询:http://docs.scala-lang.org 其它资料:http: ...
- WebGIS中地图恢复初始位置及状态
我想实现这么一个效果:地图任意缩放后,点击一个按钮,将立刻回到地图初始加载时的位置,并且是没有缩放的状态. 怎么办呢?最好的办法就是用Home按钮. <!DOCTYPE HTML> < ...
- Spring的声明式事务
1.与hibernate集成 <bean id="sessionFactory" class="org.springframework.orm.hibernate3 ...
- [RK3288][Android6.0] 调试笔记 --- pmu(rk818)寄存器读写【转】
本文转载自:http://blog.csdn.net/kris_fei/article/details/76919134 Platform: Rockchip OS: Android 6.0 Kern ...
- sql server中like无法匹配下划线问题解决方案
在sql server的like中下划线类似于通配符%,所以无法使用like '%_%'来匹配下划线,可以通过以下两种办法实现匹配下划线 1.使用转义字符escape like '%\_%' esca ...
- codeforces 445B. DZY Loves Chemistry 解题报告
题目链接:http://codeforces.com/problemset/problem/445/B 题目意思:给出 n 种chemicals,当中有 m 对可以发生反应.我们用danger来评估这 ...
- Centos Missing Library: QtWebKit.so.4
/******************************************************************** * Centos Missing Library: QtWe ...
- bzoj4516
后缀自动机 留个板子 upd:大概懂了 每次新加入的npRight集合肯定只有最后一个位置,那么求所有长得不一样的子串贡献就是Max-Min+1,因为Right集合只有这一个位置,所以这Max-Min ...