《Flutter 控件大全》第九十九:Transform

  • 如果你對Flutter還有疑問或者技術方面的疑惑,歡迎加入Flutter交流羣(微信:laomengit)。
  • 同時也歡迎關注我的Flutter公衆號【老孟程序員】,公衆號首發Flutter的相關內容。
  • Flutter地址:http://laomengit.com 裏面包含160多個組件的詳細用法。

Transform可以對子組件進行變化,比如旋轉、平移、縮放等。

基本用法:

return Transform(
  transform: Matrix4.rotationZ(0.5),
  child: Container(
    height: 100,
    width: 100,
    color: Colors.red,
  ),
);

transform參數是變化4x4矩陣,上面的案例是繞z軸旋轉弧度,效果如下:

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmdrczE5ODc=,size_16,color_FFFFFF,t_70

origin參數表示變換矩陣的座標,默認是(0,0)即左上角,如果想圍繞圓心旋轉,代碼如下;

Container(
  color: Colors.blue,
  child: Transform(
    transform: Matrix4.rotationZ(0.5),
    origin: Offset(50, 50),
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章