注意：课程设计只为完成任务，不做细节描述~
老师叫我们做一个这个样子，然后..
<?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>