Flutter旋转位移等操作
2019-06-01 本文已影响0人
独孤流
flutter布局-5-Matrix4矩阵变换
Flutter 布局(六)- SizedOverflowBox、Transform、CustomSingleChildLayout详解
一个常见的展开关闭状态Transform
:
Widget _createSectionTitle(bool isOpen)
{
String showTxt = isOpen ? '收起': '展开';
double angle = isOpen ? pi/2*3 : pi/2;
reuturn InkWell(
child: Container(width: 60,height: 50,
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Text(showTxt, style: TextStyle(color: Colors.grey,fontSize: 11),) ,
SizedBox(width: 5,),
Transform(
transform: Matrix4.identity()..rotateZ(angle),// 旋转的角度
origin: Offset(6,6),// 旋转的中心点
child: Icon(Icons.arrow_forward_ios, color: Colors.grey,size: 12.0,),
),
]),
),
onTap: (){
// 做点击处理xxxx
},
);
}
展开
收起