RIOTのAPIからC＃WPFデータ集録（RIOTは「リーグ」に代わって動作します）

その他 2020-01-13 16:09:05 訪問数: null

マイクロチャンネル公共数：Dotnet9、ウェブサイト：Dotnet9、質問や提案：してくださいウェブサイトのメッセージ、
あなたに役立つ場合：歓迎感謝。

RIOTのAPIからC＃WPFデータ集録（RIOTは「リーグ」に代わって動作します）

読むナビ

  1. 本論文の背景
  2. コードの実装
  3. 参考記事

1.この背景

RIOT（拳）は、2006年に設立された、アメリカのゲーム開発者であるのに代わって働く「英雄連合」。

この記事では説明するために、2つの知識ポイントに焦点を当てています。

  1. C＃従って召喚プロファイル情報を提供する、アクセス暴動へのHttpClient APIインターフェイスを使用して、
  2. C＃WPFインタフェース表示召喚情報検索、情報プロファイル両方のインターフェイス。

データショーにアクセスするためのRIOTのAPI

2.コードの実装

ネットCORE 3.1を使用して、ウェブマスターは、WPFソリューションの「LoLGoal」と呼ばれ、3 Nugetパッケージを追加作成し、以下のように、構成は次のとおりです。

<?xml version="1.0" encoding="utf-8"?>
<packages>
  <package id="MaterialDesignColors" version="1.1.1" targetFramework="net45" />
  <package id="MaterialDesignThemes" version="2.5.0.1205" targetFramework="net45" />
  <package id="Newtonsoft.Json" version="12.0.1" targetFramework="net45" />
</packages>

制御インタフェースは、MDを使用して、サイトが紹介していた：はじめに。

だけ簡単に、ここのコード、ソリューション全体のディレクトリ構造の一部を説明し、テキストは最後ソースが与えられます。

ディレクトリ構造

MD 2.1が導入コントロールのスタイル

[ファイル] App.xaml

<Application x:Class="LoLGoal.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="View/MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Purple.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Blue.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

2.2概要サモナー検索インタフェースの

[ファイル] MainWindow.xamlコード・インターフェースのレイアウトはシンプル、シンプルかつエレガントな全体的な印象です。

<Window x:Class="LoLGoal.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" Height="600" Width="400" WindowStartupLocation="CenterScreen" 
        MouseLeftButtonDown="Window_MouseLeftButtonDown"
        ResizeMode="NoResize" WindowStyle="None" Background="#FF410A66">
    <Grid>
        <StackPanel Margin="50">
            <Image Source="/Assets/logo2.png" Width="96" Height="96"/>
            <Border Background="White" Margin="10 20" CornerRadius="5">
                <StackPanel Margin="25">
                    <ComboBox Margin="15" Style="{StaticResource MaterialDesignFloatingHintComboBox}" materialDesign:HintAssist.Hint="地区" Text="{Binding Region}">
                        <ComboBoxItem Content="RU"/>
                        <ComboBoxItem Content="KR"/>
                        <ComboBoxItem Content="BR1"/>
                        <ComboBoxItem Content="OC1"/>
                        <ComboBoxItem Content="JP1"/>
                        <ComboBoxItem Content="NA1"/>
                        <ComboBoxItem Content="EUN1"/>
                        <ComboBoxItem Content="EUW1"/>
                        <ComboBoxItem Content="TR1"/>
                        <ComboBoxItem Content="LA1"/>
                        <ComboBoxItem Content="LA2"/>
                    </ComboBox>
                    <TextBox Text="{Binding SummonerName}" Margin="15" Style="{StaticResource MaterialDesignFloatingHintTextBox}" materialDesign:HintAssist.Hint="召唤者"/>
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                        <Button Margin="15 50" Content="取消"/>
                        <Button x:Name="ButtonSignUp" Margin="15 50" Content="搜索" Click="ButtonSignUp_Click"/>
                    </StackPanel>
                </StackPanel>
            </Border>
        </StackPanel>
    </Grid>
</Window>

サモナープロフィール検索インタフェース

サモナープロフィール検索インタフェース

2.3召喚プロファイル情報表示インタフェース

WindowProfile.xamlファイル[]、多くのないレイアウトコード、新鮮：

<Window x:Class="LoLGoal.View.WindowProfile"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" Height="600" Width="400" 
        WindowStartupLocation="CenterScreen" ResizeMode="NoResize" 
        WindowStyle="None" Background="#FF410A66">
    <Grid>
        <Border Background="White" Margin="20 100 20 20" CornerRadius="15">
            <StackPanel VerticalAlignment="Top" HorizontalAlignment="Stretch">
                <Border Width="100" Height="100" Margin="20 20 0 10" BorderBrush="Gray" HorizontalAlignment="Left" BorderThickness="1" CornerRadius="15">
                    <Border.Background>
                        <ImageBrush ImageSource="{Binding Path=Icon}"/>
                    </Border.Background>
                </Border>
                <TextBlock Margin="20 15" FontSize="30" Text="{Binding Path=SummonerName}" Foreground="DarkGray"/>
                <StackPanel Orientation="Horizontal" Margin="20 0">
                    <StackPanel Margin="5">
                        <TextBlock Text="胜" FontSize="15" FontWeight="Bold" Foreground="Green"/>
                        <TextBlock Text="{Binding Path=Wins}" FontSize="18" Foreground="Gray" HorizontalAlignment="Center"/>
                    </StackPanel>
                    <StackPanel Margin="5">
                        <TextBlock Text="输" FontSize="15" FontWeight="Bold" Foreground="DarkRed"/>
                        <TextBlock Text="{Binding Path=Losses}" FontSize="18" Foreground="Gray" HorizontalAlignment="Center"/>
                    </StackPanel>
                </StackPanel>
                <StackPanel Margin="30 20">
                    <TextBlock Text="水平" FontSize="15" Foreground="LightGray"/>
                    <TextBlock Text="{Binding Path=Level}" HorizontalAlignment="Center" FontSize="80" Foreground="Gray"/>
                </StackPanel>
                <Grid Margin="20 10">
                    <Button x:Name="ButtonSearch" HorizontalAlignment="Left" Style="{StaticResource MaterialDesignFlatButton}" Width="100" Click="ButtonSearch_Click">
                        <materialDesign:PackIcon Kind="Search" Width="24" Height="24"/>
                    </Button>
                    <Button HorizontalAlignment="Right" Width="100" Content="登录"/>
                </Grid>
            </StackPanel>
        </Border>
        <StackPanel HorizontalAlignment="Right" Margin="30 10">
            <Image Source="{Binding Path=Emblem}" Width="200" Height="200">
                <Image.Effect>
                    <DropShadowEffect BlurRadius="40" ShadowDepth="1"/>
                </Image.Effect>
            </Image>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="5">
                <TextBlock FontSize="18" Foreground="Gray" Text="{Binding Path=Tier}" Margin="5" VerticalAlignment="Center"/>
                <TextBlock FontSize="20" Foreground="Gray" Text="{Binding Path=Rank}" Margin="5"/>
            </StackPanel>
        </StackPanel>
    </Grid>
</Window>

プロフィール情報表示インターフェース

プロフィール情報ショー

2.4シンプルなAPIインタフェースは、パッケージを呼び出します

直接参照するコードに、Key.txtはRIOT Developerキーを格納されます。

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Net.Http;
using System.Text;
using System.Threading.Tasks;

namespace LoLGoal.API
{
    public class Api
    {
        private string Key { get; set; }
        private string Region { get; set; }

        public Api(string region)
        {
            Region = region;
            Key = GetKey("API/Key.txt");
        }

        protected HttpResponseMessage GET(string URL)
        {
            using (HttpClient client = new HttpClient())
            {
                var result = client.GetAsync(URL);
                result.Wait();

                return result.Result;
            }
        }

        protected string GetURI(string path)
        {
            return "https://" + Region + ".api.riotgames.com/lol/" + path + "?api_key=" + Key;
        }

        public string GetKey(string path)
        {
            StreamReader sr = new StreamReader(path);
            return sr.ReadToEnd();
        }
    }
}

2.5その他のコード

ソースの表示：get_profile_data

2.6以下は、ウェブマスターの便利なデモで、スクリーンショット、ファイルの一部を変更します

リファレンスソース缶の比較：

ファイル[API / League_V4.cs]

using LoLGoal.Model;
using System;
using System.Collections.Generic;

namespace LoLGoal.API
{
    public class League_V4 : Api
    {
        public League_V4(string region) : base(region)
        {
        }

        public List<PositionDTO> GetPositions(string summonerId)
        {
            //1、这是正常的API访问
            //string path = "league/v4/positions/by-summoner/" + summonerId;

            //var response = GET(GetURI(path));
            //string content = response.Content.ReadAsStringAsync().Result;

            //if (response.StatusCode == System.Net.HttpStatusCode.OK)
            //{
            //    return JsonConvert.DeserializeObject<List<PositionDTO>>(content);
            //}
            //else
            //{
            //    return null;
            //}

            //2、这是模拟数据，正常访问LOL服务器，需要注册Key
            string[] tiers = { "Bronze", "Challenger", "Diamond", "Gold", "Grandmaster", "Iron", "Master", "Platinum", "Silver" };
            var rd = new Random(DateTime.Now.Millisecond);
            var lst = new List<PositionDTO>();
            for (int i = 0; i < rd.Next(5, 20); i++)
            {
                lst.Add(new PositionDTO
                {
                    Tier = tiers[rd.Next(0, tiers.Length)],
                    Rank = "IV",
                    Wins = rd.Next(2, 100),
                    Losses = rd.Next(2, 100),
                    QueueType = "RANKED_SOLO_5x5"
                });
            }
            return lst;
        }
    }
}

ファイル[API / Summoner_V4.cs]

using LoLGoal.Model;
using System;

namespace LoLGoal.API
{
    public class Summoner_V4 : Api
    {
        public Summoner_V4(string region) : base(region)
        {
        }

        public SummonerDTO GetSummonerByName(string SummonerName)
        {
            //1、这是正常的API访问
            //string path = "summoner/v4/summoners/by-name/" + SummonerName;

            //var response = GET(GetURI(path));
            //string content = response.Content.ReadAsStringAsync().Result;

            //if(response.StatusCode == System.Net.HttpStatusCode.OK)
            //{
            //    return JsonConvert.DeserializeObject<SummonerDTO>(content);
            //}
            //else
            //{
            //    return null;
            //}

            //2、这是模拟数据，正常访问LOL服务器，需要注册Key
            return new SummonerDTO
            {
                ProfileIconId = DateTime.Now.Second,
                Name = SummonerName,
                SummonerLevel = new Random(DateTime.Now.Millisecond).Next(50, 200),
                Id = DateTime.Now.Second.ToString()
            };
        }
    }
}

3.参照

  1. 视频一：C# WPF Design UI - #1 - Login，配套源码：LoLGoal。
  2. 视频二：C# WPF Design UI - #2 (1/2) - REST API Access，配套源码：get_summoner_data。
  3. 视频三：C# WPF Design UI - #2 (2/2) - REST API Access，配套源码：get_summoner_data。
  4. 视频四：C# WPF Design UI - #3 - Profile，配套源码：summoner_profile。
  5. 视频五：C# WPF Design UI - #4 (1/2) - Get Data From RIOT API，配套源码：get_profile_data。
  6. 视频六：C# WPF Design UI - #4 (2/2)- Get Data From RIOT API，配套源码：get_profile_data。

最終的なソース：この記事とソースコードがほぼ同じである（第5及び第六のビデオソースのGithub [支持get_profile_dataアナログモード復帰データに使用されるコードのみインターフェイス効果を示すように、所有者が登録されていないRIOT現像キー]）を、読み取り中国語と英語の部分は、簡単にこのプロジェクトを表示します。

ダウンロード出典：get_profile_data

注記がある場合を除き、による記事Dotnet9仕上げリリース、転載を歓迎します。

：アドレスを指定してくださいこの記事を転載https://dotnet9.com/7026.html

マイクロチャネル公共数での注目Dotnet9 Fanger魏コードスキャンを歓迎し、このサイトは、速やかに最新の技術をプッシュします

Dotnet9

おすすめ

転載: www.cnblogs.com/Dotnet9-com/p/12187624.html
おすすめ
Open Source Daily | Chrome に組み込まれている Gemini の重要性は、中国の AI 追求に関する 5 つの大きな誤解ではありません。ECharts の創設者は魚を育てるために「海に行った」が、何もありません。驚き
中国のAIチームが「米国のために準備を進めている」という噂にマイクロソフトが反応
ランキング
配列内の重複要素を検索し、繰り返し回数の最小値から最大値までの順に並べ替えます es6
【C++学習記】Ten、C++デザインパターン - 抽象ファクトリーパターン
知人：素人の言語ランタイム（A）に
ist „collision.relativeVelocity.magnitude“ in Unity
Linuxダイナミックリンク（3）のPLTとGOTについて話す-パブリックGOTエントリ
leetcode。図L.207カリキュラム-Java
羅区[] P3518 [POI2011] SEJ、金庫
MySQL にクエリを実行するときに使用するインデックスを指定します
現在のユーザー環境変数とシステムのWin10ベースのビュー
十二の仕事 - あなたの誕生日
アーカイブ
もっと
2024-05-15(5)
2024-05-14(9)
2024-05-13(8)
2024-05-12(27)
2024-05-11(31)
2024-05-10(33)
2024-05-09(30)
2024-05-08(18)
2024-05-07(34)
2024-05-06(6)

コードワールド

© 2018 codetd.com