Android 发表说说一般用到的界面布局

    

OK, 看到这里应该明白我标题的意思了吧.哈哈.

首先, 来个布局(activity_select_pic.xml)

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64

<? xml  version = "1.0"  encoding = "utf-8" ?> < RelativeLayout  xmlns:android = "http://schemas.android.com/apk/res/android"      android:layout_width = "fill_parent"      android:layout_height = "fill_parent"      android:gravity = "center_horizontal"  >      < LinearLayout          android:id = "@+id/pop_layout_select_pic"          android:layout_width = "fill_parent"          android:layout_height = "wrap_content"          android:layout_alignParentBottom = "true"          android:gravity = "center_horizontal"          android:orientation = "vertical"  >          < TextView              android:id = "@+id/text_take_photo"              android:layout_width = "fill_parent"              android:layout_height = "50.0dip"              android:layout_marginLeft = "10.0dip"              android:layout_marginRight = "10.0dip"              android:gravity = "center"              android:orientation = "horizontal"              android:text = "拍照"              android:background = "@drawable/shape_popup_top"  //这里, 需要讲              android:textColor = "#ff006cff"              android:textSize = "18.0sp"  />                    < View              android:layout_width = "fill_parent"              android:layout_height = "1.0dip"              android:layout_marginLeft = "10.0dip"              android:layout_marginRight = "10.0dip"              android:background = "@color/liuliu_border"  />                    < TextView              android:id = "@+id/text_pick_photo"              android:layout_width = "fill_parent"              android:layout_height = "50.0dip"              android:layout_marginLeft = "10.0dip"              android:layout_marginRight = "10.0dip"              android:gravity = "center"              android:background = "@drawable/shape_popup_bottom" //这里, 需要讲              android:orientation = "horizontal"              android:text = "从相册"              android:textColor = "#ff006cff"              android:textSize = "18.0sp"  />          < View              android:layout_width = "fill_parent"              android:layout_height = "1.0dip"              android:layout_marginLeft = "10.0dip"              android:layout_marginRight = "10.0dip"              android:background = "@color/liuliu_border"  />          < TextView              android:id = "@+id/text_cancle"              android:layout_width = "fill_parent"              android:layout_height = "50.0dip"              android:layout_margin = "10.0dip"              android:background = "@drawable/shape_popup" //这里, 需要讲              android:gravity = "center"              android:orientation = "horizontal"              android:text = "取消"              android:textColor = "#ff006cff"              android:textSize = "18.0sp"              android:textStyle = "bold"  />      </ LinearLayout > </ RelativeLayout >

上面已经标注了3个地方需要讲一下, 就是TextView上面的拍照, 选取, 取消的这个三个的背景

分别是下面三个在drawable-hdpi里面的文件

shape_popup_top.xml, 就是长方形的上边的两个角是圆润的(左上角, 右上角)

?

1 2 3 4 5 6 7 8 9 10 11

<? xml  version = "1.0"  encoding = "utf-8" ?> < layer-list    xmlns:android = "http://schemas.android.com/apk/res/android" >      < item >          < shape >              < solid  android:color = "#ffffffff"  />              <!-- 左上角 右上角-->              < corners  android:topLeftRadius = "4.0dip"  android:topRightRadius = "4.0dip"  android:bottomLeftRadius = "0.100000024dip"  android:bottomRightRadius = "0.100000024dip"  />          </ shape >      </ item > </ layer-list >

shape_popup_bottom.xml, 就是长方形的下边的两个角是圆润的(左下角, 右下角)

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<? xml  version = "1.0"  encoding = "utf-8" ?> < layer-list    xmlns:android = "http://schemas.android.com/apk/res/android" >      < item >          < shape >          <!-- 白色-->              < solid  android:color = "#ffffffff"  />              <!-- 左下角, 右下角-->              < corners                   android:topLeftRadius = "0.100000024dip"                   android:topRightRadius = "0.100000024dip"                   android:bottomLeftRadius = "4.0dip"                   android:bottomRightRadius = "4.0dip"  />          </ shape >      </ item > </ layer-list >

shape_popup.xml

?

1 2 3 4 5 6 7 8 9 10 11

<? xml  version = "1.0"  encoding = "utf-8" ?> < layer-list    xmlns:android = "http://schemas.android.com/apk/res/android" >      < item >          < shape >              < solid  android:color = "#ffffffff"  />              <!--四个角都是圆的-->              < corners  android:radius = "4.0dip"  />          </ shape >      </ item > </ layer-list >

OK, 到这里之后, 就完成了布局. 但是还没完, 还有调出方式, 我们要放在下面, 而且要是透明的, 这个就要在manifest中去规定了

?

1 2 3 4 5 6

< activity              android:name = "com.gdut.pet.ui.ActivitySelectPic"              android:label = "@string/personal_central"               android:theme = "@style/DialogStyleBottom"              > <!--这个是在manifest中定义的一个activity, 规定了他的theme是DialogStyleBottom-->

上面这个这个是在manifest中定义的一个activity, 规定了他的theme是DialogStyleBottom,

 DialogStyleBottom如下(在values文件夹下的styles.xml)

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

< style  name = "AnimBottom"  parent = "@android:style/Animation" >          < item  name = "android:windowEnterAnimation" >@anim/push_bottom_in</ item >          < item  name = "android:windowExitAnimation" >@anim/push_bottom_out</ item >      </ style >      < style  name = "DialogStyleBottom"  parent = "android:Theme.Dialog" >          < item  name = "android:windowAnimationStyle" >@style/AnimBottom</ item >          < item  name = "android:windowFrame" >@null</ item >          <!-- 边框 -->          < item  name = "android:windowIsFloating" >false</ item >          <!-- 是否浮现在activity之上 -->          < item  name = "android:windowIsTranslucent" >true</ item >          <!-- 半透明 -->          < item  name = "android:windowNoTitle" >true</ item >          <!-- 无标题 -->          < item  name = "android:windowBackground" >@android:color/transparent</ item >          <!-- 背景透明 -->          < item  name = "android:backgroundDimEnabled" >true</ item >          <!-- 模糊 -->      </ style >

上面的应该能看得明白了

OK, 还差最后一部了, 就是出来的方式, 这里用到animation,

文件在anim文件夹下面

push_bottom_in.xml

?

1 2 3 4 5 6 7 8 9

<? xml  version = "1.0"  encoding = "utf-8" ?> <!-- 上下滑入式 --> < set  xmlns:android = "http://schemas.android.com/apk/res/android"  >      < translate          android:duration = "200"          android:fromYDelta = "100%p"          android:toYDelta = "0"               />       </ set >

push_bottom_out.xml

?

1 2 3 4 5 6 7 8 9

<? xml  version = "1.0"  encoding = "utf-8" ?> <!-- 上下滑出式 --> < set  xmlns:android = "http://schemas.android.com/apk/res/android"  >            < translate          android:duration = "200"          android:fromYDelta = "0"          android:toYDelta = "50%p"  /> </ set >