1. 程式人生 > >Flutter基礎—定位對齊之對齊

Flutter基礎—定位對齊之對齊

Align控制元件即對齊控制元件,能將子控制元件所指定方式對齊,並根據子控制元件的大小調整自己的大小。

對齊子控制元件的方式:

bottomCenter    (0.5, 1.0)    底部中心
bottomLeft    (0.0, 1.0)    左下角
bottomRight    (1.0, 1.0)    右下角
center    (0.5, 0.5)    水平垂直居中
centerLeft    (0.0, 0.5)    左邊緣中心
centerRight    (1.0, 0.5)    右邊緣中心
topCenter    (0.5, 0.0)    頂部中心
topLeft    (0.0, 0.0)    左上角
topRight    (1.0, 0.0)    右上角
import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('對齊'),
      ),
      body: new Stack(
        children: <Widget>[
          new Align(
            alignment: new
FractionalOffset(0.0, 0.0), child: new Image.network('http://up.qqjia.com/z/25/tu32710_10.jpg'), ), new Align( alignment: FractionalOffset.bottomRight, child: new Image.network('http://up.qqjia.com/z/25/tu32710_11.jpg'), ), ] ), ); } } void main() { runApp( new
MaterialApp( title: 'Flutter教程', home: new LayoutDemo(), ), ); }

這裡寫圖片描述

相關推薦

Flutter基礎定位

Align控制元件即對齊控制元件,能將子控制元件所指定方式對齊,並根據子控制元件的大小調整自己的大小。 對齊子控制元件的方式: bottomCenter (0.5, 1.0) 底部中心

Flutter基礎定位大小比例

SizedBox控制元件能強制子控制元件具有特定寬度、高度或兩者都有 import 'package:flutter/material.dart'; class LayoutDemo extends

Python面向-象可視化

Python 對象可視化 繼續前面的例子:http://blog.51cto.com/lavenliu/2126344 看前面的復數的例子,這裏增加__str__屬性, class Complex: def __init__(self, real, imag): self.re

Android中UI方式

UI中的對齊方式: 一、LinearLayout(線性佈局) 提供了控制元件水平垂直排列的模型,同時可以通過設定子控制元件的weight佈局引數控制各個控制元件在佈局中的相對大 小。 水平(vertical)垂直(horizontal) fill-parent:佔滿整個螢幕 wr

人臉SDM / 人臉LBF / 人臉實時替換

2015年9月16日釋出 2016年5月4日釋出 In computer animation, animating human faces is an art itself, but transferring e

Word基礎(三)兩端

在Word中,如果想讓文章標題居中且文字間有一定的間隙,或者文字兩端參差不齊,該怎麼辦? 方法:解決文字標題居中且有間隙的問題 選中文章標題,注意不要選中標題後的換行符(可以開啟顯示標記看一下:點選檔案選項卡->左側點選顯示->在始終在螢幕上顯示這些格式標記分類中勾選顯示

人臉判別模型

前面對人臉對齊的生成模型的經典方法進行了一個簡單介紹,接下來,我將逐步介紹人臉對齊判別模型的一些經典文章,但是首先,我們對判別模型的一些經典工作做一個梳理。 簡單理解判別模型的做法直接找到一個對映函式,直接對映面部表觀到人臉特徵點位置。圍繞這個目的,判別模型分

關於C語言位元組結構體 共用體佔用位元組數的快速計算方法總結

前幾天在做專案時,出現了一個套接字通訊的一個問題,看似客戶端和伺服器端使用的一個相同的結構體,但是就是在伺服器端不能把客戶端傳送的資料全部顯示的打印出來。查找了好久的錯誤,才發現原來兩端的結構體看似相同,但其兩端結構體佔用的位元組數是不一樣的。才導致了伺服器端不能正常的顯示

如何把CAD中的圖形設置為的設置方法!

在繪制圖紙的時,會把CAD中的圖形都對齊工整,不然就不怎麽美觀。一個CAD圖紙當中不僅有文字,還有圖形,圖形是比較重要的一部分,能讓人們更加直觀的了解和熟悉。CAD編輯器中怎麽設置對齊呢,要設置CAD對齊要怎麽做呢?下面小編就給大家分享CAD設置對齊的方法。 1.打開電腦中的

Java基礎象序列化

處理 exc 單例 color 直接 tro 生命 found public 1. 什麽是Java對象序列化 Java平臺允許我們在內存中創建可復用的Java對象,但一般情況下,只有當JVM處於運行時,這些對象才可能存在,即,這些對象的生命周期不會比JVM的生命周期更

java語言基礎面向變量

bsp 代碼塊 基礎 空間 tab width 必須 需要 程序 ---恢復內容開始--- 定義變量的語法: 數據類型 變量名=值 ----------------------------------------------------------- 變量根據在類中定義位置

Java基礎-IO流序列化與反序列化

span 作者 創作 style -s 反序列化 ont 對象 io流                 Java基礎-IO流對象之序列化與反序列化                                     作者:尹正傑 版權聲明:原創作品,謝絕轉載!否則將追究

Java基礎-IO流隨機訪問文件(RandomAccessFile)

str 文件的 指向 poi mod 指針 println span www.             Java基礎-IO流對象之隨機訪問文件(RandomAccessFile)                                       作者:尹正傑 版權

遊戲開發基礎視頻教程戰機戰中文編程篇視頻課程

51cto 掌握 html oss 開發技術 程序 RoCE proc col 遊戲編程入門級教程,講解通俗易懂。用具體實例講解的方式讓你用最短的時間掌握遊戲編程基礎知識。本程序使用中文開發平臺搭建之星,搭建之星采用可視化構件,不需有英文基礎,開發速度極快,操作非常簡單。不

JavaScript基礎概念----面向象----理解

描述符 對象實例 set 自定義 配置 cti 循環 自定義對象 enum 創建自定義對象最簡單的方式是創建一個Object的實例: var person = new Object() person.name = ‘adhehe‘ person.age = 23 per

記憶體和補

  對齊:是針對單個成員變數的; 補齊:是針對擺放的所有成員變數的整體而言要對齊; //4位元組的對齊粒度 #pragma  pack(4)       // #pragma pack(n) /* n = 1,

C語言結構體(記憶體問題)

C語言結構體對齊也是老生常談的話題了。基本上是面試題的必考題。內容雖然很基礎,但一不小心就會弄錯。寫出一個struct,然後sizeof,你會不會經常對結果感到奇怪?sizeof的結果往往都比你宣告的變數總長度要大,這是怎麼回事呢?     開始學的時候,

web前端技術基礎課程詳解JavaScript面向

面向對象 對象 而在 包含 lob 。。 運算 需要 全局屬性 JavaScript中的面向對象是個老生常談的話題,但是依然有很多小夥伴處於懵逼狀態。面試時候最擔心的就是被問到面向對象相關的內容,自己看過無數的資料,依然對面向對象百思不得其解。到底什麽是原型?什麽是構造函數

結構體深度剖析(記憶體引數,偏移量)

一、瞭解結構體 1 在C語言中,除了最常見用資料型別,字元型別(char)、整數型別(short、int、long )、實型(float、double),,,,,,最常見也是最經典的還有一種資料型別,那就是結構體。  二、結構體經典面試題:  (1)、什麼是結構體? 

結構體的和補

首先我們先看看下面的C語言的結構體: typedef struct MemAlign { int a; char b[3]; int c; }MemAlign  以上這個結構體佔用記憶體多少空間呢?也許你會說