Flutter学习之Dart 中的 extends 继承操作

Dart继承详解
本文深入讲解Dart语言中的继承机制,包括如何使用extends关键字继承类,子类如何访问父类的属性与方法,以及如何覆写父类的方法和计算属性。同时,探讨了Dart中的多态性和构造方法在继承中的应用。

我们在其他语言中都存在这继承的操作,在 dart 中同样存在,都是使用 extends 关键字来做为继承。下面就详细介绍下 dart 中的继承。

Dart 中的继承操作

  • 使用关键字 extends 继承一个类

  • 子类会继承父类可见的属性和方法,不会继承构造方法

  • 子类能够复写父类的方法,getter 和 setter

  • 单继承,多态性

实战

新建一个 Person.dart 文件,作为父类

class Person{
  String name;
  int age;

  // 计算属性
  bool get adult => this.age > 18;

  // 私有属性,对于子类不可见
  String _birthday;

  void run(){
    print("Person running...");
  }
}

子类访问父类中的属性与方法

创建一个子类,用于测试继承,子类访问父类的属性与方法

// 引入 person 文件
import 'Person.dart';

class Student extends Person{
  void study(){
    print("Student studying...");
  }
}

void main(){
  Student student = new Student();
  // 调用 子类自己的方法
  student.study();  // Student studying...

  // 访问 父类中的属性
  student.age = 20;

  // 调用 父类的方法
  student.run();   // Person running...
  
  // 访问 父类的计算属性
  print(student.adult); // true
}

覆写父类的方法以及计算属性

和 java 中类似,使用 @override 表示覆写。

import 'Person.dart';
class Student extends Perosn{

  // 覆写父类的计算属性
  bool get adult => this.age > 15;

  void study(){
    print("Student studying...");
  }

  @override
  void run() {
    // 调用父类的方法
    super.run();
    print("student running...");
  }
}

void main(){
  Student student = new Student();
  student.age = 16;
  student.run();    //  Person running...       student running...
  print(student.adult); //  true

}

 

继承中多态的使用

// 引入 person 文件
import 'Person.dart';

class Student extends Person{
  void study(){
    print("Student studying...");
  }

  @override
  void run() {
    // 调用父类的方法
    super.run();
    print("student running...");
  }
}

void main(){
  Person person = new Student();
  // error: 这里无法访问到 子类的方法,因为使用多态生成的对象是 Person,Person 中没有 study方法
  person.study();

  // 使用 is 表示将 person 转换为了 Student,下面就可以访问了
  if (person is Student) {
    person.run();
    person.study();
  }
}

 

继承中的构造方法

  • 子类的构造方法默认会调用父类的无名无参构造方法

  • 如果父类没有无名无参构造方法,则需要显示调用父类的构造方法

  • 在构造方法参数后使用 : 显示调用父类构造方法

第一种情况

void main() {
  var student = new Person(); // Person...
}

class Person{
  // 父类的无参构造方法,一般来说是会省略不写
  Person(){
    print("Person...");
  }
}

class Student extends Person{
}

第二种情况

void main() {
  var student = new Student("name");  // object
}

class Person{
  String name;

  // 父类中的构造器
  Person(this.name);
  Person.withName(this.name){
    print("object");
  }
}

class Student extends Person{
  // 使用 : super 调用父类的构造方法
  // Student(String name) : super(name);  这种写法与下面的写法一致
  Student(String name) : super.withName(name);
}

构造方法执行顺序

  • 父类的构造方法在子类构造方法体开始执行的位置调用

  • 如果有初始化列表,初始化列表会在父类构造方法之前执行

子类的构造方法初始化列表,必须要在父类初始化列表之前,否则就会报错。

 

 

### 配置 Flutter 项目中的 `main.dart` 文件 #### 创建入口函数 在 Flutter 应用程序中,`main.dart` 是应用程序的主要入口文件。该文件包含了启动应用所需的核心逻辑。为了使应用程序正常运行,必须定义一个名为 `void main()` 的方法并调用 `runApp(MyApp())` 函数[^1]。 ```dart import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } ``` 这段代码的作用是初始化应用程序,并将其根 widget 设置为自定义的 `MyApp` 类实例。 #### 定义顶层 Widget 接着需要创建一个继承自 `StatelessWidget` 或者 `StatefulWidget` 的类来表示整个应用程序。这里以无状态组件为例: ```dart class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(title: 'Flutter Demo Home Page'), ); } } ``` 此部分设置了 Material Design 主题样式以及指定首页为 `MyHomePage` 组件[^4]。 #### 构建主页界面 最后一步是在 `MyHomePage` 中实现具体的 UI 布局和交互功能: ```dart class MyHomePage extends StatefulWidget { final String title; const MyHomePage({ Key? key, required this.title, }) : super(key: key); @override State<MyHomePage> createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ const Text('You have pushed the button this many times:'), Text( '$_counter', style: Theme.of(context).textTheme.headline4, ), ], ), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, tooltip: 'Increment', child: Icon(Icons.add), ), // This trailing comma makes auto-formatting nicer for build methods. ); } } ``` 上述代码展示了如何通过 `_MyHomePageState` 来管理计数器的状态变化,并提供按钮点击事件处理机制。 当遇到类似“正在将文件同步到为 x86_64 构建的设备 Android SDK 上…”的问题时,可能是因为模拟器未准备好或连接不稳定等原因造成。此时可尝试重启 IDE 和模拟器,确保开发环境配置正确后再重新编译项目[^2]。 对于某些情况下左侧不显示设备栏的情况,则需确认已安装合适的 Android SDK 版本,并且在 Project Structure 对话框内的 Project 选项卡下进行了相应设置[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Wayfreem

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值