当前位置: 代码迷 >> Android >> Android UI格局整理
  详细解决方案

Android UI格局整理

热度:67   发布时间:2016-05-01 17:54:05.0
Android UI布局整理

<?xml version="1.0" encoding="UTF-8"?>
<shape android:shape="rectangle"
  xmlns:android="
http://schemas.android.com/apk/res/android">
    <solid android:color="#55222222"/>
    <corners android:radius="5.0dip" />
    <padding android:left="6.0dip"
     android:top="6.0dip"
 android:right="6.0dip"
 android:bottom="6.0dip"/>
</shape>

----------------


-----------------------------透明按钮

----------------------shape.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape android:shape="rectangle"
  xmlns:android="
http://schemas.android.com/apk/res/android">
    <solid android:color="#55222222"/>
    <corners android:radius="5.0dip" />
    <padding android:left="6.0dip"
     android:top="6.0dip"
 android:right="6.0dip"
 android:bottom="6.0dip"/>
</shape>

 

--------------

  <corners android:radius="100.0dip" /> 为圆形

 

----------------.xml 布局

  <Button
            android:id="@+id/button1"
            android:layout_width="100px"
            android:layout_height="100px"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:background="@drawable/shape"
            android:gravity="center"
            android:text="360卫士"
            android:textColor="@android:color/white" />

----------ImageButton

 <ImageButton
  android:id="@+id/play_btn"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_centerInParent="true"

  android:background="@drawable/shape"
  android:src="@drawable/buttons_bg1" />

 

 

----------------------ImageButton

src与background

background图片放置底部,src图片置于background上.

background图片大于src图片


--------------Manifest.xml
竖屏,没有标题栏,全屏
 <activity
           
            android:screenOrientation="portrait"
            android:theme="@android:style/Theme.NoTitleBar.Fullscreen"

>


--------------类似QQ抖动窗口动画
----shake.xml
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="
http://schemas.android.com/apk/res/android"
   android:fromXDelta="-10"
   android:toXDelta="100"
   android:duration="1000"
   android:interpolator="@anim/cycle" />

----------cycle.xml
<?xml version="1.0" encoding="utf-8"?>
<cycleInterpolator

xmlns:android="http://schemas.android.com/apk/res/android"
    android:cycles="10" />

----.java
 Animation shake01 = AnimationUtils
      .loadAnimation(
        

Test2Activity.this,
        

R.anim.shake);
    mButton.startAnimation(shake01);

 

 

 

 

 

------------------相对布局 布局完整

<RelativeLayout
  android:background="@drawable/shape"
  android:id="@+id/linearLayout1"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:layout_marginTop="60dip"
  android:orientation="horizontal"
  android:padding="25dip">

  <ImageView
   android:id="@+id/imageView1"
   android:layout_width="90px"
   android:layout_height="90px"
   android:layout_alignParentLeft="true"
   android:maxHeight="80px"
   android:maxWidth="60px"
   android:scaleType="fitXY"

   android:src="@drawable/icon11" />

  <ImageView
   android:id="@+id/imageView2"
   android:layout_width="90px"
   android:layout_height="90px"
   android:layout_centerInParent="true"
   android:maxHeight="80px"
   android:maxWidth="60px"

   android:scaleType="fitXY"
   android:src="@drawable/icon2" />

  <ImageView
   android:id="@+id/imageView3"
   android:layout_width="90px"
   android:layout_height="90px"

   android:layout_alignParentRight="true"
   android:src="@drawable/icon3" />
 </RelativeLayout>

 <RelativeLayout
  android:layout_below="@id/linearLayout1"
  android:id="@+id/r2"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"

 


  android:orientation="horizontal">
  <TextView
   android:id="@+id/textView1"
   android:layout_marginLeft="25dip"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentLeft="true"
   android:text="首页"

   android:textColor="@android:color/black"
   android:textSize="16sp" />

  <TextView
   android:id="@+id/textView2"
   android:layout_marginLeft="25dip"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"


   android:text="亲子视听"
   android:textColor="@android:color/black"
   android:textSize="16sp" />

  <TextView
   android:id="@+id/textView3"
   android:layout_marginRight="25dip"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentRight="true"

   android:text="童趣馆"
   android:textColor="@android:color/black"
   android:textSize="16sp" />
 </RelativeLayout>

--------------------------------------------------

  相关解决方案