Xamarin.Android 上中下布局

xml代码:

<?xml version="1.0" encoding="utf-8"?>
<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">
<!--上半部分-->
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="120dp"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:id="@+id/relativeLayoutTop">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            android:background="#cccccc">
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="上半部分"
                android:textColor="#FFFFFF"
                android:textSize="20dp"
                android:gravity="center_horizontal" />
        </LinearLayout>
    </RelativeLayout>
<!--下半部分-->
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:layout_alignParentBottom="true"
        android:id="@+id/relativeLayoutBottom">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            android:background="#888888">
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="下半部分"
                android:textColor="#000000"
                android:textSize="20dp"
                android:gravity="center_horizontal" />
        </LinearLayout>
    </RelativeLayout>
<!--中间部分-->
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/relativeLayoutTop"
        android:id="@+id/relativeLayoutCenter"
        android:layout_above="@id/relativeLayoutBottom">
      <HorizontalScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#ffffff">
          <TextView
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="中间部分"
              android:textColor="#000000"
              android:textSize="20dp"
              android:gravity="center_horizontal" />
        </LinearLayout>
      </HorizontalScrollView>
    </RelativeLayout>
</RelativeLayout>

效果图:

RelativeLayout 中主要属性

android:layout_above="@id/xxx"        –将控件置于给定ID控件之上
android:layout_below="@id/xxx"        –将控件置于给定ID控件之下

android:layout_toLeftOf="@id/xxx"          –将控件的右边缘和给定ID控件的左边缘对齐
android:layout_toRightOf="@id/xxx"       –将控件的左边缘和给定ID控件的右边缘对齐

android:layout_alignLeft="@id/xxx"                  –将控件的左边缘和给定ID控件的左边缘对齐
android:layout_alignTop="@id/xxx"                  –将控件的上边缘和给定ID控件的上边缘对齐
android:layout_alignRight="@id/xxx"               –将控件的右边缘和给定ID控件的右边缘对齐
android:layout_alignBottom="@id/xxx"            –将控件的底边缘和给定ID控件的底边缘对齐
android:layout_alignParentLeft="true"              –将控件的左边缘和父控件的左边缘对齐
android:layout_alignParentTop="true"              –将控件的上边缘和父控件的上边缘对齐
android:layout_alignParentRight="true"            –将控件的右边缘和父控件的右边缘对齐
android:layout_alignParentBottom="true"         –将控件的底边缘和父控件的底边缘对齐
android:layout_centerInParent="true"               –将控件置于父控件的中心位置
android:layout_centerHorizontal="true"            –将控件置于水平方向的中心位置
android:layout_centerVertical="true"                –将控件置于垂直方向的中心位置

参考:https://blog.csdn.net/afanyusong/article/details/44221595

原文地址:https://www.cnblogs.com/swjian/p/10188251.html

时间: 2024-10-10 04:56:01

Xamarin.Android 上中下布局的相关文章

HTML——上中下布局

上中下布局是最基本的布局方式,本例假设用户屏幕分辨率为800*600像素. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <met

上中下布局,上下高度指定,中间自适应(左中右同理)

采用相对布局,下面的View设置属性layout_alignParentBottom:true,放在底部, 中间的View需要分别设置 android:layout_above="" android:layout_below="" 这样中间的View就自动填充中间剩下的部分,并且它的高度属性失效. 效果图: 布局文件: 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/re

css12---实战---布局---上中下布局,中间2列

<!DOCTYPE html><html><head><meta charset="utf-8"><title>浮动布局测试</title><link rel="stylesheet" type="text/css" href="layout2.css"><script src="layout2.js"><

Android自定义动态布局 — 多图片上传

Android自定义动态布局 - 多图片上传 本文介绍Android中动态布局添加图片,多图片上传. 项目中效果图:    技术点: 1.动态添加格局中的线条和添加图片的+号 2.多张图片异步上传 首先来看一下布局文件: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layo

Android中将xml布局文件转化为View树的过程分析(上)

有好几周没写东西了,一方面是因为前几个周末都有些事情,另外也是因为没能找到好的写作方向,或者说有些话题 值得分享.写作,可是自己积累还不够,没办法只好闷头继续研究了.这段时间一边在写代码,一边也在想Android中 究竟是如何将R.layout.xxx_view.xml这样的布局文件加载到Android系统的view层次结构中的(即我们常说的view树). 这期间一方面自己研究了下源码,另一方面也在网上搜索了下相关文章,发现了2篇很不错的同主题文章,推荐给大家: http://blog.csdn

网页上中下三分布局,上下固定,中间自适应

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- 禁止浏览器从本地缓存中调阅页面.--> <

Xamarin.Android之布局文件智能提示问题

Xamarin.Android之布局文件智能提示问题 一.前言 看到有人问关于xamarin.android的布局没智能提示问题(VS 2015),当然,写布局这东西没提示这是一件相对痛苦的事 ,所以这里就提供一个解决的方案! 二.解决方案 想要智能提示,肯定也是要有相应的文件的!!! 第一步.把这两个文件放在  VS安装目录\Xml\Schemas   这个文件夹下面 第二步.在VS中把这两个用起来 打开工具栏的XML->Schemas 通过添加按钮把那两个文件添加进去(按理说,只需要添加那个

Android中将xml布局文件转换为View树的过程分析(上)

有好几周没写东西了,一方面是因为前几个周末都有些事情,另外也是因为没能找到好的写作方向,或者说有些话题 值得分享.写作,可是自己积累还不够,没办法只好闷头继续研究了.这段时间一边在写代码,一边也在想Android中 究竟是如何将R.layout.xxx_view.xml这样的布局文件加载到Android系统的view层次结构中的(即我们常说的view树). 这期间一方面自己研究了下源码,另一方面也在网上搜索了下相关文章,发现了2篇很不错的同主题文章,推荐给大家: http://blog.csdn

找人上门官网的CSS布局:上中下三栏自适应高度CSS布局

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ