- Swift (iOS App)tcjmbj.cn
使用SwiftUI创建简单的iOS App界面:
swift
import SwiftUI
struct ContentView: View {
var body: some View {
Text(“Hello, World!”)
.padding()
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
2. Java (Android App)
使用Android Studio和Java创建简单的Android App界面(这里只展示一个Activity的示例):
java
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
TextView textView = findViewById(R.id.textView);
textView.setText("Hello, World!");
}
}
对应的activity_main.xml布局文件:
xml
3. React Native (跨平台App)
使用React Native和JavaScript创建一个简单的App界面:
javascript
import React from ‘react’;
import { View, Text, StyleSheet } from ‘react-native’;
const App = () => {
return (
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
alignItems: ‘center’,
},
});
export default App;
4. Flutter (跨平台App)
使用Flutter和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’,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: ‘Flutter Demo Home Page’),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key? key, required this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Text(‘Hello, World!’),
),
);
}
}
这些代码只是App开发的起点,实际开发中还需要添加更多的功能和逻辑。由于生成一个完整的App代码涉及到多个方面(如用户界面、后端逻辑、数据存储等),并且不同的App框架和编程语言有不同的实现方式,我将为你提供几种常见编程语言中创建App的简化示例或框架代码。
- Swift (iOS App)
使用SwiftUI创建简单的iOS App界面:
swift
import SwiftUI
struct ContentView: View {
var body: some View {
Text(“Hello, World!”)
.padding()
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
2. Java (Android App)
使用Android Studio和Java创建简单的Android App界面(这里只展示一个Activity的示例):
java
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
TextView textView = findViewById(R.id.textView);
textView.setText("Hello, World!");
}
}
对应的activity_main.xml布局文件:
xml
3. React Native (跨平台App)
使用React Native和JavaScript创建一个简单的App界面:
javascript
import React from ‘react’;
import { View, Text, StyleSheet } from ‘react-native’;
const App = () => {
return (
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
alignItems: ‘center’,
},
});
export default App;
4. Flutter (跨平台App)
使用Flutter和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’,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: ‘Flutter Demo Home Page’),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key? key, required this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Text(‘Hello, World!’),
),
);
}
}
这些代码只是App开发的起点,实际开发中还需要添加更多的功能和逻辑。