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

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

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

<?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, 就是长方形的上边的两个角是圆润的(左上角, 右上角)

<?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, 就是长方形的下边的两个角是圆润的(左下角, 右下角)

<?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

<?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中去规定了

<activity

android:name="com.gdut.pet.ui.ActivitySelectPic"

android:label="@string/personal_central"

android:theme="@style/DialogStyleBottom"

>

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

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

<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>

<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

<?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

<?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>

Android 发表说说一般用到的界面布局相关推荐

Android入门（八） | 常用的界面布局及自定义控件
文章目录 LinearLayout :线性布局 android:layout_gravity :控件的对齐方式 android:layout_weight:权重 RelativeLayout :相对布 ...
Android 仿PhotoShop调色板应用(三) 主体界面绘制
版权声明:本文为博主原创文章,未经博主允许不得转载. Android 仿PhotoShop调色板应用(三) 主体界面绘制关于PhotoShop调色板应用的实现我总结了两个最核心的部分: 1 ...
Android ViewPager和Fragment实现顶部导航界面滑动效果
在项目中,我们常常需要实现界面滑动切换的效果.例如,微信界面的左右滑动切换效果.那这种效果是怎么实现的?今天我就带大家简单了解ViewPager,并通过实例来实现该效果. 一. ViewPager 官 ...
Android应用开发：数据存储和界面展现-1
1. 相对布局RelativeLayout 特点:相对布局所有组件可以叠加在一起:各个组件的布局是独立的,互不影响:所有组件的默认位置都是在左上角(顶部.左部对齐) 属性功能描述 android:l ...
android 自启动列表,Android 机型设置自启动的跳转界面
Android 机型设置自启动的跳转界面由于之前版本号把23,6.0误写成26,8.0了,导致一些判断是错的,并且在catch中没有重新对intent更新,导致会有崩溃问题,现已修复. 简书怎么传附 ...
Android软件开发之盘点自定义View界面大合集（二）
Android软件开发之盘点自定义View界面大合集(二) - 雨松MOMO的程序世界 - 51CTO技术博客雨松MOMO带大家盘点Android 中的自定义View界面的绘制今天我用自己写的一个 ...
android 悬浮按钮魅族,Android使用RecycleView实现魅族手机通讯录界面
原标题:Android使用RecycleView实现魅族手机通讯录界面本文作者本文由_小马快跑_投稿. _小马快跑_的博客地址: http://www.jianshu.com/u/18502855 ...
Android和iPhone应用程序界面布局示例
下图是根据Android和iPhone这两个平台的"生产内容型的应用程序"整理出来的界面布局示例.所对比的4个点,均是两大平台的应用程序常规界面元素. 状态栏: Android ...
Android对弹出输入法界面影响app界面布局
Android中弹出输入法界面不影响app界面布局默认情况下,输入法弹出的时候,原来的view会被挤扁.有些应用不想被挤,它们可以接受被输入法view覆盖在上面.这时候需要在AndroidManif ...

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

Android 发表说说一般用到的界面布局相关推荐

最新文章

热门文章