Flutter广告集成插件flutter_qq_ads的使用

当然，下面是一个关于如何在Flutter项目中集成并使用flutter_qq_ads插件的示例代码。请注意，你需要先确保你的Flutter开发环境已经正确配置，并且已经在pubspec.yaml文件中添加了flutter_qq_ads依赖。

1. 添加依赖

首先，在你的pubspec.yaml文件中添加flutter_qq_ads依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_qq_ads: ^最新版本号  # 请替换为最新的版本号

然后运行flutter pub get来安装依赖。

2. 配置Android和iOS项目

Android配置

在android/app/src/main/AndroidManifest.xml中添加必要的权限和配置：

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.yourapp">

    <!-- 添加必要的权限 -->
    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

    <!-- QQ广告SDK所需的Activity配置 -->
    <application
        ...>
        <activity
            android:name="com.tencent.android.qqad.banner.QQBannerViewActivity"
            android:configChanges="orientation|screenSize|keyboardHidden"
            android:theme="@android:style/Theme.Translucent.NoTitleBar" />
        <activity
            android:name="com.tencent.android.qqad.fullvideo.QQFullVideoActivity"
            android:configChanges="orientation|screenSize|keyboardHidden"
            android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen" />
        <activity
            android:name="com.tencent.android.qqad.splash.QQSplashActivity"
            android:configChanges="orientation|screenSize|keyboardHidden"
            android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen" />
        <activity
            android:name="com.tencent.android.qqad.interstitial.QQInterstitialActivity"
            android:configChanges="orientation|screenSize|keyboardHidden"
            android:theme="@android:style/Theme.Translucent.NoTitleBar" />
        <activity
            android:name="com.tencent.android.qqad.rewardvideo.QQRewardVideoActivity"
            android:configChanges="orientation|screenSize|keyboardHidden"
            android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen" />
    </application>
</manifest>

同时，在android/app/build.gradle中添加以下内容（替换为你的QQ广告SDK的app_id）：

android {
    ...
    defaultConfig {
        ...
        manifestPlaceholders = [
                QQ_APP_ID: "你的QQ广告SDK的app_id"
        ]
    }
}

iOS配置

对于iOS项目，你需要在Info.plist中添加一些必要的配置，并确保你的项目已经配置了QQ广告的App ID。具体步骤可以参考QQ广告SDK的官方文档。

3. 初始化并使用广告

在你的Flutter项目中，你可以按照以下方式初始化并使用QQ广告：

import 'package:flutter/material.dart';
import 'package:flutter_qq_ads/flutter_qq_ads.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    // 初始化QQ广告SDK
    FlutterQqAds.init(appId: "你的QQ广告SDK的app_id");
    
    // 加载横幅广告示例
    loadBannerAd();
    
    // 加载插屏广告示例
    loadInterstitialAd();
  }

  void loadBannerAd() {
    FlutterQqAds.loadBannerAd(
      posId: "你的横幅广告位ID",
      success: (adView) {
        // 成功加载横幅广告，可以将其添加到widget树中
        setState(() {
          _bannerAdView = adView;
        });
      },
      fail: (code, msg) {
        print("加载横幅广告失败: $code, $msg");
      },
    );
  }

  void loadInterstitialAd() {
    FlutterQqAds.loadInterstitialAd(
      posId: "你的插屏广告位ID",
      success: (ad) {
        // 成功加载插屏广告，可以在合适的时候展示
        _interstitialAd = ad;
      },
      fail: (code, msg) {
        print("加载插屏广告失败: $code, $msg");
      },
    );
  }

  BannerAdView? _bannerAdView;
  InterstitialAd? _interstitialAd;

  void showInterstitialAd() {
    if (_interstitialAd != null) {
      _interstitialAd!.show(
        success: () {
          print("插屏广告展示成功");
          // 重新加载插屏广告以便下次使用
          loadInterstitialAd();
        },
        fail: (code, msg) {
          print("插屏广告展示失败: $code, $msg");
        },
        close: () {
          print("插屏广告关闭");
        },
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter QQ Ads Demo'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              _bannerAdView ?? Container(), // 显示横幅广告
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: showInterstitialAd,
                child: Text('展示插屏广告'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

注意事项

1. 广告位ID：确保你使用的是QQ广告平台提供的正确的广告位ID。
2. 测试环境：在开发测试阶段，可以使用QQ广告提供的测试广告位ID进行测试。
3. 隐私政策：在实际应用中，确保你的应用有合适的隐私政策，并且用户同意接收广告。

以上是一个基本的集成示例，根据实际需求，你可能需要进一步调整和扩展代码。