首页 > 移动平台 > 详细

Android课程设计第二天界面排版

时间:2017-06-23 23:43:05      阅读:505      评论:0      收藏:0      [点我收藏+]

注意:课程设计只为完成任务,不做细节描述~

老师叫我们做一个这个样子,然后..

技术分享

  1 <?xml version="1.0" encoding="utf-8"?>
  2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3     xmlns:tools="http://schemas.android.com/tools"
  4     android:layout_width="match_parent"
  5     android:layout_height="match_parent"
  6     android:background="@mipmap/bg"
  7     tools:context="com.example.myapplication.MainActivity">
  8     <!--button flag
  9     ID:Identical xml fire can not have a same  and it is a only flag
 10     difference xml fire must have a only flag by himself-->
 11 
 12     <Button
 13         android:id="@+id/btn_back"
 14         android:layout_width="100dp"
 15         android:layout_height="40dp"
 16         android:background="@mipmap/left"></Button>
 17     <!--无论是布局还是控件,在确定位置的时候,都遵循父布局的规则
 18     相对布局常用属性:android:layout_below 在下面
 19     线性布局常用属性:orientation    方向 vertical horizontal
 20                       layout_weight  权重-->
 21     <android.support.v7.widget.FitWindowsLinearLayout
 22         android:id="@+id/left_menu"
 23         android:layout_width="40dp"
 24         android:layout_height="140dp"
 25         android:layout_below="@id/btn_back"
 26         android:layout_marginTop="50dp"
 27         android:orientation="vertical">
 28 
 29         <ImageView
 30             android:id="@+id/story"
 31             android:layout_width="match_parent"
 32             android:layout_height="0dp"
 33             android:layout_weight="1"
 34             android:src="@mipmap/gushi" />
 35 
 36         <ImageView
 37             android:id="@+id/shuxing"
 38             android:layout_width="match_parent"
 39             android:layout_height="0dp"
 40             android:layout_weight="1"
 41             android:src="@mipmap/shuxing" />
 42 
 43         <ImageView
 44             android:id="@+id/zhuanbei"
 45             android:layout_width="match_parent"
 46             android:layout_height="0dp"
 47             android:layout_weight="1"
 48             android:src="@mipmap/ic_launcher" />
 49 
 50         <ImageView
 51             android:id="@+id/haibao"
 52             android:layout_width="match_parent"
 53             android:layout_height="0dp"
 54             android:layout_weight="1"
 55             android:src="@mipmap/haibao" />
 56     </android.support.v7.widget.FitWindowsLinearLayout>
 57 
 58     <android.support.v7.widget.FitWindowsLinearLayout
 59         android:id="@+id/kind_money"
 60         android:layout_width="wrap_content"
 61         android:layout_height="30dp"
 62         android:layout_alignParentEnd="true"
 63         android:layout_alignParentRight="true"
 64         android:layout_alignParentTop="true"
 65         android:orientation="horizontal">
 66 
 67         <Button
 68             android:id="@+id/dian_money"
 69             android:layout_width="wrap_content"
 70             android:layout_height="match_parent"
 71             android:background="@null"
 72             android:drawableLeft="@mipmap/quan"
 73             android:text="9999" />
 74 
 75         <Button
 76             android:id="@+id/jin_money"
 77             android:layout_width="wrap_content"
 78             android:layout_height="match_parent"
 79             android:background="@null"
 80             android:drawableLeft="@mipmap/jin"
 81             android:text="9999" />
 82 
 83         <Button
 84             android:id="@+id/zuan_money"
 85             android:layout_width="wrap_content"
 86             android:layout_height="match_parent"
 87             android:background="@null"
 88             android:drawableLeft="@mipmap/zuan"
 89             android:text="9999" />
 90     </android.support.v7.widget.FitWindowsLinearLayout>
 91 
 92     <android.support.v7.widget.FitWindowsLinearLayout
 93         android:layout_width="200dp"
 94         android:layout_height="120dp"
 95         android:layout_alignParentRight="true"
 96         android:layout_below="@+id/kind_money"
 97         android:orientation="vertical"
 98         android:id="@+id/line"
 99 
100         >
101         <!--第一行-->
102         <android.support.v7.widget.FitWindowsLinearLayout
103             android:id="@+id/line1"
104 
105             android:layout_width="match_parent"
106             android:layout_height="30dp"
107             android:orientation="horizontal">
108             <TextView
109                 android:layout_width="50dp"
110                 android:layout_height="match_parent"
111                 android:text="定位"
112                 android:gravity="center"
113                 android:background="@drawable/bg"/>
114             <TextView
115                 android:layout_width="50dp"
116                 android:layout_height="match_parent"
117                 android:gravity="center_vertical"
118                 android:text="法师"
119                 android:textColor="#FF7F00"
120                 android:textSize="12sp"
121                 android:layout_marginLeft="5dp"/>
122             <TextView
123                 android:layout_width="30dp"
124                 android:layout_height="match_parent"
125                 android:gravity="center"
126                 android:text="生存"
127                 android:textSize="12sp"
128                 android:layout_marginLeft="20dp"
129                 />
130             <android.support.v4.widget.ContentLoadingProgressBar
131                 android:layout_width="120dp"
132                 android:layout_height="match_parent"
133 
134                 style="?android:attr/progressBarStyleHorizontal"
135                 android:layout_gravity="center_vertical"
136                 android:max="100"
137                 android:progress="20"
138                 />
139             <TextView
140                 android:layout_width="30dp"
141                 android:layout_height="match_parent"
142                 android:gravity="center"
143                 android:text="特色"
144                 android:textSize="12sp"
145                 />
146         </android.support.v7.widget.FitWindowsLinearLayout>
147         <android.support.v7.widget.FitWindowsLinearLayout
148             android:layout_width="match_parent"
149             android:layout_height="30dp"
150             android:orientation="horizontal"
151             android:id="@+id/line2"
152             >
153             <TextView
154                 android:layout_width="50dp"
155                 android:layout_height="match_parent"
156                 android:text="特长"
157                 android:gravity="center"
158                 android:background="@drawable/bg"/>
159             <TextView
160                 android:layout_width="50dp"
161                 android:layout_height="match_parent"
162                 android:gravity="center"
163                 android:text="远程消耗"
164                 android:textColor="#FF7F00"
165                 android:textSize="12sp"
166                 android:layout_marginLeft="5dp"/>
167             <TextView
168                 android:layout_width="30dp"
169                 android:layout_height="match_parent"
170                 android:gravity="center"
171                 android:text="攻击"
172                 android:textSize="12sp"
173                 android:layout_marginLeft="20dp"
174                 />
175             <android.support.v4.widget.ContentLoadingProgressBar
176                 android:layout_width="120dp"
177                 android:layout_height="match_parent"
178 
179                 style="?android:attr/progressBarStyleHorizontal"
180                 android:layout_gravity="center_vertical"
181                 android:max="100"
182                 android:progress="20"
183                 />
184             <TextView
185                 android:layout_width="30dp"
186                 android:layout_height="match_parent"
187                 android:gravity="center"
188                 android:text="特色"
189                 android:textSize="12sp"
190                 />
191         </android.support.v7.widget.FitWindowsLinearLayout>
192         <android.support.v7.widget.FitWindowsLinearLayout
193             android:layout_width="match_parent"
194             android:layout_height="30dp"
195             android:orientation="horizontal"
196             android:id="@+id/line3"
197             >
198             <TextView
199                 android:layout_width="50dp"
200                 android:layout_height="match_parent"
201                 android:text="熟练度"
202                 android:gravity="center"
203                 android:background="@drawable/bg"/>
204             <TextView
205                 android:layout_width="50dp"
206                 android:layout_height="match_parent"
207                 android:gravity="center"
208                 android:text="282/300"
209                 android:textColor="#FF7F00"
210                 android:textSize="12sp"
211                 android:layout_marginLeft="5dp"/>
212             <TextView
213                 android:layout_width="30dp"
214                 android:layout_height="match_parent"
215                 android:gravity="center"
216                 android:text="技能"
217                 android:textSize="12sp"
218                 android:layout_marginLeft="20dp"
219                 />
220             <android.support.v4.widget.ContentLoadingProgressBar
221                 android:layout_width="50dp"
222                 android:layout_height="match_parent"
223 
224                 style="?android:attr/progressBarStyleHorizontal"
225                 android:layout_gravity="center_vertical"
226                 android:max="100"
227                 android:progress="45"
228                 />
229             <TextView
230                 android:layout_width="30dp"
231                 android:layout_height="match_parent"
232                 android:gravity="center"
233                 android:text="特色"
234                 android:textSize="12sp"
235                 />
236         </android.support.v7.widget.FitWindowsLinearLayout>
237         <android.support.v7.widget.FitWindowsLinearLayout
238             android:layout_width="match_parent"
239             android:layout_height="30dp"
240             android:orientation="horizontal"
241             android:id="@+id/line4"
242             >
243             <ImageView
244                 android:layout_height="match_parent"
245                 android:layout_width="50dp"
246                 android:background="@mipmap/level"/>
247             <TextView
248                 android:layout_width="50dp"
249                 android:layout_height="match_parent"
250                 android:gravity="center"
251                 android:text="资深法师"
252                 android:textColor="#FF7F00"
253                 android:textSize="12sp"
254                 android:layout_marginLeft="5dp"/>
255             <TextView
256                 android:layout_width="30dp"
257                 android:layout_height="match_parent"
258                 android:gravity="center"
259                 android:text="难度"
260                 android:textSize="12sp"
261                 android:layout_marginLeft="20dp"
262                 />
263             <android.support.v4.widget.ContentLoadingProgressBar
264                 android:layout_width="120dp"
265                 android:layout_height="match_parent"
266 
267                 style="?android:attr/progressBarStyleHorizontal"
268                 android:layout_gravity="center_vertical"
269                 android:max="100"
270                 android:progress="30"
271                 />
272             <TextView
273                 android:layout_width="30dp"
274                 android:layout_height="match_parent"
275                 android:gravity="center"
276                 android:text="特色"
277                 android:textSize="12sp"
278                 />
279         </android.support.v7.widget.FitWindowsLinearLayout>
280     </android.support.v7.widget.FitWindowsLinearLayout>
281     <android.support.v7.widget.FitWindowsLinearLayout
282         android:layout_width="240dp"
283         android:layout_height="50dp"
284         android:layout_below="@+id/line"
285         android:layout_alignParentRight="true"
286         android:orientation="vertical"
287         >
288         <android.support.v7.widget.FitWindowsLinearLayout
289             android:layout_width="match_parent"
290             android:layout_height="50dp"
291             android:orientation="horizontal"
292             >
293             <TextView
294                 android:layout_width="30dp"
295                 android:layout_height="match_parent"
296                 android:text="技能"
297                 android:textColor="#0ccfff"
298                 android:gravity="center_vertical"
299                 />
300             <ImageView
301                 android:layout_height="match_parent"
302                 android:layout_width="50dp"
303                 android:background="@mipmap/w"/>
304             <ImageView
305                 android:layout_height="match_parent"
306                 android:layout_width="50dp"
307                 android:background="@mipmap/q"/>
308             <ImageView
309                 android:layout_height="match_parent"
310                 android:layout_width="50dp"
311                 android:background="@mipmap/e"/>
312             <ImageView
313                 android:layout_height="match_parent"
314                 android:layout_width="50dp"
315                 android:background="@mipmap/r"/>
316         </android.support.v7.widget.FitWindowsLinearLayout>
317 
318     </android.support.v7.widget.FitWindowsLinearLayout>
319     <android.support.v7.widget.FitWindowsLinearLayout
320         android:layout_width="40dp"
321         android:layout_height="120dp"
322         android:layout_toLeftOf="@+id/line"
323         android:layout_below="@+id/kind_money"
324         android:orientation="vertical"
325         android:layout_marginRight="15dp">
326         <ImageView
327             android:layout_height="45dp"
328             android:layout_width="40dp"
329             android:layout_marginTop="10dp"
330             android:background="@mipmap/pai2"/>
331         <ImageView
332             android:layout_height="45dp"
333             android:layout_width="40dp"
334             android:layout_marginTop="20dp"
335             android:background="@mipmap/pai1"/>
336     </android.support.v7.widget.FitWindowsLinearLayout>
337     <android.support.v7.widget.FitWindowsLinearLayout
338         android:layout_width="108dp"
339         android:layout_height="149dp"
340         android:layout_alignParentBottom="true"
341         android:layout_marginLeft="150dp"
342         android:layout_marginBottom="30dp"
343         >
344         <ImageView
345             android:layout_height="149dp"
346             android:layout_width="108dp"
347             android:background="@mipmap/a1"/>
348     </android.support.v7.widget.FitWindowsLinearLayout>
349 </RelativeLayout>
350 <!--基本控件 id layout_width
351 layout_height
352 TextView:gravity(文字居中)textsize
353 textcolor
354 button:onclick drawableleft
355 imageview:src
356 基本布局
357  linearlayout :线性布局
358  特殊属性:orientation(方向两个
359             layout_wegigth(权重)
360             relativelayout:相对布局
361             1.以父布局作为参照物
362                 1.1 三个中心
363                 1.2 四条边 alignParentLeft
364             2.以其他控件作为参照物
365                 1.1 上下左右
366                 1.2 上下左右边对齐 layout_alignleft
367             3. 布局嵌套:以父布局的规则为准-->

控制方框形状的

1 <?xml version="1.0" encoding="utf-8"?>
2 <shape xmlns:android="http://schemas.android.com/apk/res/android">
3     <corners
4         android:radius="20dp"/>
5     <solid android:color="#00f5ff">
6     </solid>
7 
8 </shape>

 

Android课程设计第二天界面排版

原文:http://www.cnblogs.com/yinghualuowu/p/7071892.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!