_[译]Flutter for Android Developers - Views

在Flutter中，视图（View）的概念被称为Widget。Flutter中的Widget可以创建UI元素，并且可以根据不同的状态进行更新。

在Android中，你可能会使用XML来描述布局，而在Flutter中，你将使用Dart语言来创建Widget。Flutter中的Widget是不可变的，这是因为每当需要改变UI时，Flutter都会重新构建整个Widget子树。

在Flutter中，你可以使用以下几种方式来创建和组合Widget：

1. 直接使用现有的Widget。
2. 创建一个继承自StatelessWidget或StatefulWidget的子类。

例如，你可以创建一个显示文本的简单Widget：

class TextWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Text('Hello, Flutter!');
  }
}

如果你需要根据用户交互或其他动态数据更新UI，你可以创建一个StatefulWidget：

class CounterWidget extends StatefulWidget {
  @override
  _CounterWidgetState createState() => _CounterWidgetState();
}
 
class _CounterWidgetState extends State<CounterWidget> {
  int _counter = 0;
 
  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Text('Presses:'),
        Text('$_counter'),
        RaisedButton(
          onPressed: _incrementCounter,
          child: Text('Increment'),
        ),
      ],
    );
  }
}

在这个例子中，当按钮被按下时，\_incrementCounter方法会被调用，并且通过调用setState方法来通知Flutter状态已经改变，需要重新构建Widget。

在Android中，你可能会使用布局（Layout）XML文件来描述视图层次结构。在Flutter中，你可以使用Widget的嵌套来构建层次结构。例如，你可以创建一个列（Column）包含一些文本和图片：

Column(
  children: <Widget>[
    Text('Hello, Flutter!'),
    Image.network('https://example.com/image.png'),
  ],
)

在Flutter中，Widget的层次结构和布局是通过Widget的嵌套来实现的，这样可以让你的布局代码保持简洁和可维护。