zoukankan      html  css  js  c++  java
  • 安卓天天练练(二)相对布局和帧布局

    相对布局很简单,就是利用与其他view的相对位置来布局,此例java文件完全不用写:

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="com.narumi.absolutelayout.MainActivity" >
        <ImageView 
            android:id="@+id/i01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/i1"
            />
        <ImageView
                android:id="@+id/i02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/i2"
            android:layout_toRightOf="@id/i01"
            android:layout_alignTop="@id/i01"
            
        >        
        </ImageView>
        <ImageView 
            android:id="@+id/i03"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/i3"
            android:layout_below="@id/i01"
            android:layout_alignRight="@id/i02"
            ></ImageView>
          
    </RelativeLayout>

    第二张图片在第一张右边,与第一张的顶端对齐。

    第三章图片在第一张的下边,与第二章的右侧对齐。

    是不是比css的相对布局更智能呢?这一例结束。

    左上对齐的帧布局,也是个纯xml的例子:

    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="com.example.android_6_2.MainActivity" >
    
        <TextView
            android:id="@+id/tv01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/red"
            android:textSize="60px"
            android:text="@string/big" />
        
        <TextView
            android:id="@+id/tv02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
             android:textColor="@color/blue"
             android:textSize="40px"
            android:text="@string/middle" />
        
        <TextView
            android:id="@+id/tv03"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/green"
            android:textSize="20px"
            android:text="@string/small" />
    
    </FrameLayout>

     没什么很特别的,仅仅是一层一层叠起来的不同大小的盒子,使用了FrameLayout标签。此例结束。

  • 相关阅读:
    JavaScript基础概念之----作用域
    Vue-Router基础知识点总结【vue系列】
    前端如何进行seo优化
    常见算法
    ES6新特性
    VUE内使用AES(BCB)加解密
    VUE内使用RSA加解密
    vue 使用v-html指令渲染的富文本无法修改样式的解决方法
    js中字符串可以调用的方法
    基于H5的混合开发介绍(一)WebView
  • 原文地址:https://www.cnblogs.com/haimingpro/p/4665072.html
Copyright © 2011-2022 走看看