精华内容
参与话题
问答
  • RelativeLayout

    2017-01-12 14:21:05
    RelativeLayout

    RelativeLayout

    RelativeLayout 是一种常见的 ViewGroup,允许我们相对于其自身的边缘放置其子项。例如,图例中的
    三个子项分别放置在
    RelativeLayout 的三个角上。 RelativeLayout 还允许我们相对于彼此之间的关系来
    安排子项:可将一个子项放置在另一个子项的右侧,甚至可以重叠。
     


    常见属性:

    //相对于父视图子视图的位置 true false
    android:layout_alignParentTop //子视图在父视图的上面

    android:layout_alignParentLeft //子视图在父视图的左面

    android:layout_alignParentRight //子视图在父视图的右面

    android:layout_alingParentBottom //子视图在父视图的下面

    android:layout_centerHorizontal //子视图在父视图水平中间

    android:layout_vertical //子视图在父视图的竖直中间

    //相对于子视图子视图的位置 ID

    android:layout_toLeftof

    android:layout_below

    android:layout_above

    android:layout_toRightof


    使用Demo:


    <RelativeLayout

    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
    <
    TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:text="upper left"/>
    <
    TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:text="upper right"/>
    <
    TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:layout_alignParentLeft="true"

    android:layout_alignParentBottom="true"
    android:text="lower left"/>
    </
    RelativeLayout>





    android:layout_below
    展开全文
  • RelativeLayout相对布局 其他三种 1.LinearLayout线性布局实现计算器界面布局 2.TableLayout表格布局实现计算器界面布局 3.GridLayout网格布局实现计算器界面布局 用RelativeLayout相对布局解决计算器布局...

    RelativeLayout相对布局

    1.LinearLayout线性布局实现计算器界面布局

    2.TableLayout表格布局实现计算器界面布局

    3.GridLayout网格布局实现计算器界面布局

    用RelativeLayout相对布局解决计算器布局问题比较简单,用鼠标直接拖拽就能达到很好的布局效果

    效果图:

    RelativeLayout相对布局的计算器

    outline视图:

    RelativeLayout相对布局的计算器

    RelativeLayout相对布局的源码

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    
        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_marginTop="14dp"
            android:text="1" />
    
        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/button1"
            android:layout_alignBottom="@+id/button1"
            android:layout_toRightOf="@+id/button1"
            android:text="2" />
    
        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/button2"
            android:layout_alignBottom="@+id/button2"
            android:layout_toRightOf="@+id/button2"
            android:text="3" />
    
        <Button
            android:id="@+id/button4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/button3"
            android:layout_alignBottom="@+id/button3"
            android:layout_toRightOf="@+id/button3"
            android:text="/" />
    
        <Button
            android:id="@+id/button5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/button1"
            android:text="4" />
    
        <Button
            android:id="@+id/button6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/button2"
            android:layout_below="@+id/button2"
            android:text="5" />
    
        <Button
            android:id="@+id/button7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/button6"
            android:layout_alignBottom="@+id/button6"
            android:layout_alignLeft="@+id/button3"
            android:text="6" />
    
        <Button
            android:id="@+id/button8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/button7"
            android:layout_alignBottom="@+id/button7"
            android:layout_toRightOf="@+id/button7"
            android:text="*" />
    
        <Button
            android:id="@+id/button9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/button5"
            android:text="7" />
    
        <Button
            android:id="@+id/button10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/button6"
            android:layout_below="@+id/button6"
            android:text="8" />
    
        <Button
            android:id="@+id/button11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/button6"
            android:layout_toRightOf="@+id/button6"
            android:text="9" />
    
        <Button
            android:id="@+id/button12"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/button11"
            android:layout_alignBottom="@+id/button11"
            android:layout_toRightOf="@+id/button11"
            android:text="-" />
    
        <Button
            android:id="@+id/button13"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignRight="@+id/button10"
            android:layout_below="@+id/button9"
            android:text="0" />
    
        <Button
            android:id="@+id/button16"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/button14"
            android:layout_alignLeft="@+id/button12"
            android:layout_alignTop="@+id/button15"
            android:text="=" />
    
        <Button
            android:id="@+id/button15"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBaseline="@+id/button13"
            android:layout_alignBottom="@+id/button13"
            android:layout_alignRight="@+id/button11"
            android:text="." />
    
        <Button
            android:id="@+id/button14"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/button13"
            android:layout_toLeftOf="@+id/button16"
            android:text="+" />
    
        <TextView
            android:id="@+id/textView1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignRight="@+id/button16"
            android:layout_below="@+id/button14"
            android:layout_marginTop="19dp"
            android:background="#FF2"
            android:textSize="40px"
            android:text="0" />
    
    </RelativeLayout>
    
    展开全文
  • RelativeLayout 布局问题!

    2013-02-19 07:00:38
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > android:id="@+id/list" android:...
  • private void addViewByMargins(RelativeLayout layout, View view, int x, int y, int width, int height) { RelativeLayout.LayoutParams layout_params = null; layout_params = new RelativeLayout....
  • When I try to inflate header view in getHeaderView() method,from layout that rooted from RelativeLayout. I took next error: <pre><code> 03-26 14:38:57.026: E/AndroidRuntime(19113): FATAL EXCEPTION: ...
  • RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT); lp.addRule(RelativeLayout.ALIGN_PARENT_TOP); addContentView(m_btnCrown, lp); m_btnMonkey = new ...
  • RelativeLayout relativeLayout = (RelativeLayout)this.findViewById(R.id.relativeLayout1); RelativeLayout.LayoutParams param = new RelativeLayout.LayoutParams(cell_Width, LayoutParams.MATCH_PARENT); ...
  • 求大神指导,简单说一下,在RelativeLayout布局中我用俩个LinearLayout来进行相互覆盖,以达到图中的效果,但是在我给imageView跟TextView添加了个背景色,才能把另一个LinearayLayout的边框覆盖,问题就出现在背景...
  • android:id="@+id/relativeLayout1"> <RelativeLayout android:minWidth="25px" android:minHeight="25px" android:layout_width="match_parent" android:layout_height="match_parent" android:...
  • RelativeLayout点击效果

    2015-01-27 20:16:48
    RelativeLayout点击效果,背景色的变化,通过两种方法:1. 直接用图片资源; 2. 用color资源
  • Android RelativeLayout布局

    万次阅读 2018-08-24 17:22:45
    1. RelativeLayout类 相对布局(RelativeLayout)将子视图以相对位置显示。默认显示在父视图的左上角。 layout_alignParentTop,父视图的上边 layout_alignParentBottom,父视图的下边 layout_alignParent...

    1. RelativeLayout类

    相对布局(RelativeLayout)将子视图以相对位置显示。默认显示在父视图的左上角。

    • layout_alignParentTop,父视图的上边
    • layout_alignParentBottom,父视图的下边
    • layout_alignParentLeft,父视图的左边
    • layout_alignParentRight,父视图的右边

    设置4个子视图在边角位置。

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <!-- 左上角显示 -->
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="Default"
            android:gravity="center"
            android:background="#ffa6a5aa"/>
        <!-- 右上角显示 -->
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_alignParentRight="true"
            android:text="Right"
            android:gravity="center"
            android:background="#ffa6a5aa"/>
        <!-- 左下角显示 -->
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_alignParentBottom="true"
            android:text="Bottom"
            android:gravity="center"
            android:background="#ffa6a5aa"/>
        <!-- 右下角显示 -->
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:text="Right|Bottom"
            android:gravity="center"
            android:background="#ffa6a5aa"/>
    </RelativeLayout>
    

    效果如下
    这里写图片描述

    2. 居中显示

    layout_centerXX可以在父视图内居中显示

    • layout_centerInParent,相对于父视图完全居中
    • layout_centerHorizontal,相对于父视图水平居中
    • layout_centerVertical,相对于父视图垂直居中

    可以配合alignParentXX使用

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <TextView
            android:layout_width="120dp"
            android:layout_height="40dp"
            android:text="centerInParent"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_centerInParent="true"/>
    
        <TextView
            android:layout_width="120dp"
            android:layout_height="40dp"
            android:text="centerHorizontal"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_centerHorizontal="true"/>
    
        <TextView
            android:layout_width="120dp"
            android:layout_height="40dp"
            android:text="alignParentBottom"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_centerHorizontal="true"
            android:layout_alignParentBottom="true"/>
    
        <TextView
            android:layout_width="120dp"
            android:layout_height="40dp"
            android:text="centerVertical"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_centerVertical="true"/>
    
        <TextView
            android:layout_width="120dp"
            android:layout_height="40dp"
            android:text="alignParentRight"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_centerVertical="true"
            android:layout_alignParentRight="true"/>
    
    </RelativeLayout>
    

    效果如下
    这里写图片描述

    3. 相对视图对齐

    • layout_above,视图的下边与相对视图的上边对齐
    • layout_below,视图的的上边与相对视图的下边对齐
    • layout_toRightOf,视图的左边与相对视图的右边对齐
    • layout_toLeftOf,视图的右边与相对视图的左边对齐

    设置的子视图的相对位置,

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <TextView
            android:id="@+id/tv_center"
            android:layout_width="150dp"
            android:layout_height="60dp"
            android:layout_centerInParent="true"
            android:text="center"
            android:background="#ffffcc00"
            android:gravity="center" />
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="above"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_above="@id/tv_center"/>
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="below"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_below="@id/tv_center"/>
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="toRightOf"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_toRightOf="@id/tv_center"/>
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="toLeftOf"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_toLeftOf="@id/tv_center"/>
    
    </RelativeLayout>
    

    效果如下
    在这里插入图片描述

    4. 边对齐

    • layout_alignTop,视图与基准视图的上边对齐
    • layout_alignBottom:视图与基准视图的下边对齐
    • layout_alignLeft:视图与基准视图的左边对齐
    • layout_alignRight:视图与基准视图的右边对齐
    • layout_alignBaseline:视图与基准视图的基准线对齐

    设置的子视图某条边的对齐方式,

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <TextView
            android:id="@+id/tv_center"
            android:layout_width="150dp"
            android:layout_height="100dp"
            android:layout_centerInParent="true"
            android:text="center"
            android:textSize="32sp"
            android:background="#ffffcc00"
            android:gravity="center" />
    
        <TextView
            android:layout_width="60dp"
            android:layout_height="20dp"
            android:text="alignTop"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_alignTop="@id/tv_center"/>
    
        <TextView
            android:layout_width="60dp"
            android:layout_height="20dp"
            android:text="alignBottom"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_alignBottom="@id/tv_center"/>
    
        <TextView
            android:layout_width="60dp"
            android:layout_height="20dp"
            android:text="alignLeft"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_alignLeft="@id/tv_center"/>
    
        <TextView
            android:layout_width="60dp"
            android:layout_height="20dp"
            android:text="alignRight"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_alignRight="@id/tv_center"/>
    
        <TextView
            android:layout_width="60dp"
            android:layout_height="20dp"
            android:text="alignBaseline"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_alignBaseline="@id/tv_center"/>
    
    </RelativeLayout>
    

    效果如下
    在这里插入图片描述

    源码下载: https://github.com/nai-chen/AndroidBlog

    相关文章
    Android LinearLayout布局
    Android RelativeLayout布局
    Android ConstraintLayout布局
    Android 自定义布局

    展开全文
  • android:id="@+id/relativeLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="left" android:visibility="visible"> android:id="@+id/timu" android:...
  • [size=x-large]RelativeLayout.LayoutParams lp2 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); lp2.addRule(RelativeLayout.[color=red]...
  • 我发现在 btnToEmail 和 btnToDelete 按钮有空白,我设置了android:layout_marginLeft="0dp",如何删除 RelativeLayout中按钮之间的空白? ![CSDN移动问答][1] [1]: http://i.stack.imgur.com/ClHqm.png ...
  • relativelayout点击事件

    2017-01-11 08:49:44
    relativelayout的子布局含有EditText,relativelayout设置onClick事件,只要点击到editText 位置,点击事件无效,给editText设置enabled,facusable,clickable,均不好使。请问 怎么设置才能点击relativelayout整个...
  • RelativeLayout 里有两个钢琴键,我使用java代码把这两个按钮在 RelativeLayout 中一个挨一个对齐。 代码如下: wk[0] = new Button(this); wk[1] = new Button(this); wk[0].setId(0); wk[1].setId(1...
  • <RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="6dip" android:layout_marginLeft="15dip" android:layout_marginRight="6...

空空如也

1 2 3 4 5 ... 20
收藏数 17,910
精华内容 7,164
关键字:

relativelayout