在这里插入图片描述

  1. 跨平台开发(Flutter)cztaihubay.com.cn
    Flutter 是一个由Google开发的开源移动UI框架,用于在iOS和Android上构建高质量的原生用户界面。它使用Dart语言。

示例代码 (简单的计数器App):

dart
import ‘package:flutter/material.dart’;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: ‘Flutter Demo’,
home: Scaffold(
appBar: AppBar(
title: Text(‘Flutter Counter’),
),
body: Center(
child: MyHomePage(),
),
),
);
}
}

class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State {
int _counter = 0;

void _incrementCounter() {
setState(() {
_counter++;
});
}

@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
‘You have pushed the button this many times:’,
),
Text(
‘$_counter’,
style: Theme.of(context).textTheme.headline4,
),
ElevatedButton(
onPressed: _incrementCounter,
child: Text(‘Increment’),
),
],
);
}
}
2. 原生iOS开发(Swift)
Swift 是Apple的编程语言,用于iOS、macOS、watchOS和tvOS等应用。

示例代码 (简单的ViewController,可能需Xcode环境):

swift
import UIKit

class ViewController: UIViewController {

var counter = 0  

override func viewDidLoad() {  
    super.viewDidLoad()  
    // Do any additional setup after loading the view.  
}  

@IBAction func incrementButtonTapped(_ sender: Any) {  
    counter += 1  
    // 更新UI显示counter的值  
}  

}
注意:这个Swift代码片段是高度简化的,并假设你有一个按钮和某种方式(如@IBAction)来连接按钮点击事件到incrementButtonTapped方法。

  1. 原生Android开发(Kotlin)
    Kotlin 是Android官方推荐的编程语言,它与Java完全兼容。

示例代码 (简单的Activity,可能需Android Studio环境):

kotlin
package com.example.myapp

import android.os.Bundle
import android.widget.Button
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {

private lateinit var counterTextView: TextView  
private var counter = 0  

override fun onCreate(savedInstanceState: Bundle?) {  
    super.onCreate(savedInstanceState)  
    setContentView(R.layout.activity_main)  

    counterTextView = findViewById(R.id.counterTextView)  

    val incrementButton = findViewById<Button>(R.id.incrementButton)  
    incrementButton.setOnClickListener {  
        counter++  
        counterTextView.text = "Counter: $counter"  
    }  
}  

}
注意:这个Kotlin代码示例也假设你有一个布局文件activity_main.xml,其中包含了一个TextView和一个Button,并且这些控件的ID分别是counterTextView和incrementButton。

这些示例提供了一个起点,但构建完整的App需要更多的代码和可能的后端服务集成、数据持久化等。由于直接在这里编写一个完整的、跨平台的App代码示例超出了篇幅限制,并且涉及多种编程语言和框架,我将提供一个概念性的概览,展示如何开始使用几种流行的技术栈来创建一个简单的App。

  1. 跨平台开发(Flutter)
    Flutter 是一个由Google开发的开源移动UI框架,用于在iOS和Android上构建高质量的原生用户界面。它使用Dart语言。

示例代码 (简单的计数器App):

dart
import ‘package:flutter/material.dart’;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: ‘Flutter Demo’,
home: Scaffold(
appBar: AppBar(
title: Text(‘Flutter Counter’),
),
body: Center(
child: MyHomePage(),
),
),
);
}
}

class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State {
int _counter = 0;

void _incrementCounter() {
setState(() {
_counter++;
});
}

@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
‘You have pushed the button this many times:’,
),
Text(
‘$_counter’,
style: Theme.of(context).textTheme.headline4,
),
ElevatedButton(
onPressed: _incrementCounter,
child: Text(‘Increment’),
),
],
);
}
}
2. 原生iOS开发(Swift)
Swift 是Apple的编程语言,用于iOS、macOS、watchOS和tvOS等应用。

示例代码 (简单的ViewController,可能需Xcode环境):

swift
import UIKit

class ViewController: UIViewController {

var counter = 0  

override func viewDidLoad() {  
    super.viewDidLoad()  
    // Do any additional setup after loading the view.  
}  

@IBAction func incrementButtonTapped(_ sender: Any) {  
    counter += 1  
    // 更新UI显示counter的值  
}  

}
注意:这个Swift代码片段是高度简化的,并假设你有一个按钮和某种方式(如@IBAction)来连接按钮点击事件到incrementButtonTapped方法。

  1. 原生Android开发(Kotlin)
    Kotlin 是Android官方推荐的编程语言,它与Java完全兼容。

示例代码 (简单的Activity,可能需Android Studio环境):

kotlin
package com.example.myapp

import android.os.Bundle
import android.widget.Button
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {

private lateinit var counterTextView: TextView  
private var counter = 0  

override fun onCreate(savedInstanceState: Bundle?) {  
    super.onCreate(savedInstanceState)  
    setContentView(R.layout.activity_main)  

    counterTextView = findViewById(R.id.counterTextView)  

    val incrementButton = findViewById<Button>(R.id.incrementButton)  
    incrementButton.setOnClickListener {  
        counter++  
        counterTextView.text = "Counter: $counter"  
    }  
}  

}
注意:这个Kotlin代码示例也假设你有一个布局文件activity_main.xml,其中包含了一个TextView和一个Button,并且这些控件的ID分别是counterTextView和incrementButton。

这些示例提供了一个起点,但构建完整的App需要更多的代码和可能的后端服务集成、数据持久化等。

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐