【C#】ユーザーコントロールのラベルの背景色を条件に応じて変化させるプログラムを作成したい。

Question

実現したいこと

C#でソフト内のAPIから情報を取得し、その情報を条件に当てはめてユーザーコントロールのラベルの背景色を変化させるプログラムを作成したい。

前提

・言語：C#
・OS：Windows 10
・開発環境：visual studio 2022(.NET framework4.8)

ソフト内のAPIから情報を取得し、その情報を条件に当てはめてユーザーコントロールのラベルの背景色を変化させるプログラムを作成しようとしています。

前回の質問で、条件によってラベルの背景色を変えるプログラムを作成することができましたが、
条件式の部分を上手く書くことができずに悩んでいます。

試したこと

現在は以下のようにプログラムを書いています。

【メインのcsファイル】

        string Device = A.DeviceId;

上記のコードでAPIからデバイス名が取得できていることは確認しています。

【UserControl.xaml】

        <Label x:Name="ラベル名_lb" Content="ラベルに表示する文字" HorizontalAlignment="Left" Margin="500,120,0,0" VerticalAlignment="Top" Height="26"  FontSize="10" Background=LabelColor/>

上記のコードはユーザーコントロールに作成したラベルです。
【UserControl.xaml.cs】

        switch (Device)
        {
            case "debaisu":
                ラベル名_lb.Background = (Brush)new BrushConverter().ConvertFrom("#FFF39915");
                break;
            default:
                ラベル名_lb.Background = (Brush)new BrushConverter().ConvertFrom("#FF24E827");
                break;
        }

上記コードはメインのcsファイルで取得したデバイス名が仮に「debaisu」と一致すればラベルの背景色が#FFF39915に、一致しなければ#FF24E827になるようにしたものです。

ここで、Deviceという名前は存在しませんというエラーが出てしまいます。
メインのcsファイルとUserControl.xaml.csの連携ができていないものと思いますが、
どのように記述すればよいのかわからないので教えていただけると助かります。
よろしくお願いいたします。

Comments

[TN8001]

いろいろ不明点が多すぎて回答困難です。

メインというのはどういったクラスなんでしょうか？
UserControlはどこに配置されているのでしょうか？
switch文があるメソッドはどこから呼ばれるのでしょうか？
switch文があるメソッドに引数は追加できるのでしょうか？
UserControlのDataContextはどうなっているのでしょうか？
等々

エスパー回答するならUserControlにx:Nameを付けて、
userControl.ラベル名_lb.Background...
とメイン側で変える。

詳細が分かればより良い提案をできると思いますが...

[AAAAAAAAAAAAAA]

申し訳ありません。プログラミングを初めて数日なのでクラスとかメソッドとかDataContextとかは何なのかがよくわかってないです。
メインのcsファイルというのはvisual studioで新しいプロジェクトの作成をして出てきたファイルです。
そこにAPIから情報を取得するコマンドを書いています。
ユーザーコントロールは項目を追加で出てきたものをそのまま使用しています。
本プログラムはとあるソフト内のスクリプト機能で使用するために作成しており、
現在はAPIからの情報の取得とユーザーコントロールへの表示だけできている状態です。
後はif文かswitch文で状況を判断して問題があるのかないのかを色分けで表示できるようにしたいと考えています。
いただいた回答をもとに少し頑張ってみます。

[TN8001]

> 申し訳ありません。プログラミングを初めて数日なのでクラスとかメソッドとかDataContextとかは何なのかがよくわかってないです。

最初はみんなわからないのですから謝る必要はありません。
しかし何がわからないかが伝わらなくては回答者も困ります。

> メインのcsファイルというのはvisual studioで新しいプロジェクトの作成をして出てきたファイルです。

これは「WPF アプリ(.NET Framework)」テンプレートで作ったプロジェクトなんですね？
つまりメインとは「class MainWindow : Window { }」ということですか？
関連するコードはクラスやメソッドを含んだ状態で提示いただくと伝わりやすいです。

例えば「string Device = A.DeviceId;」だけでは、ローカル変数かフィールド（インスタンス変数）かすらわかりません。

> 本プログラムはとあるソフト内のスクリプト機能で使用するために作成しており、
> 現在はAPIからの情報の取得とユーザーコントロールへの表示だけできている状態です。

何かのソフトに組み込まれて動くプラグインというわけではなく、これは単体のEXEなんですね？
（何かわかりませんが取得部分は問題なく動いているので）一般的なWPFアプリの質問と考えていいわけですね？

だったとして「いろいろな変更パターン例」を回答しました^^

Answer 1

ScriptでUserControl1を作っているなら、そこで直接変えられます（エスパー回答通り）
もしかしたらUserControl1内で、Aを使えるのかもしれません（A次第）

グリッド直置きはよくないですが、変更点が多いと混乱させそうなので目をつぶります^^;

using System;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Collections.Generic;
using System.Reflection;
using System.Runtime.CompilerServices;
using System.Windows.Media;
using ●●●●●●●●●●●●●●●●;
using ●●●●●●●●●●●●●●●●;

namespace ●●●●●●●
{
    public class Script
    {
        public Script()
        {
        }

        [MethodImpl(MethodImplOptions.NoInlining)]
        public void Execute(●〇〇〇〇〇〇●〇〇〇 〇〇〇〇〇〇, System.Windows.Window window)
        {
            var control = new UserControl1();
            window.Content = control;
            window.Height = 842;
            window.Width = 595;

            string DeviceID = A.DeviceId;
            control.DeviceID_tb.Text = DeviceID;

            switch (DeviceID)
            {
                case "debaisu":
                    // エスパー回答するならUserControlにx:Nameを付けて、userControl.ラベル名_lb.Background...とメイン側で変える。
                    control.DeviceOk_lb.Background = (Brush)new BrushConverter().ConvertFrom("#FFF39915");
                    control.DeviceOk_lb.Content = "OK";

                    // OK・NG 2択で色も共通ならTriggerで色を切り替えるStyleを作っておくと、Contentを変えるだけで色も変わって楽
                    control.DeviceOk_lb2.Content = "OK";
                    break;
                default:
                    control.DeviceOk_lb.Background = (Brush)new BrushConverter().ConvertFrom("#FF24E827");
                    control.DeviceOk_lb.Content = "NG";

                    control.DeviceOk_lb2.Content = "NG";
                    break;
            }
        }
    }
}

<UserControl
  x:Class="●●●●●●●.UserControl1"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  xmlns:local="clr-namespace:●●●●●●●"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  d:DesignHeight="450"
  d:DesignWidth="800"
  mc:Ignorable="d">
  <UserControl.Resources>

    <!--  ContentがOKだったらBackgroundがオレンジ OK以外だったら緑になるLabelのStyle  -->
    <Style x:Key="OkNgLabelStyle" TargetType="{x:Type Label}">
      <!--  基本的には緑  -->
      <Setter Property="Background" Value="#FF24E827" />
      <Style.Triggers>
        <!--  ContentがOKだったら...  -->
        <Trigger Property="Content" Value="OK">
          <!--  背景をオレンジに変える  -->
          <Setter Property="Background" Value="#FFF39915" />
        </Trigger>
      </Style.Triggers>
    </Style>
  </UserControl.Resources>

  <Grid>
    <Label
      x:Name="Device_lb"
      Height="26"
      Margin="30,150,0,0"
      HorizontalAlignment="Left"
      VerticalAlignment="Top"
      Content="デバイス名"
      FontSize="10" />

    <TextBlock
      x:Name="DeviceID_tb"
      Margin="160,150,0,0"
      HorizontalAlignment="Left"
      VerticalAlignment="Top"
      Text="仮 DeviceID"
      TextWrapping="Wrap" />

    <Label
      x:Name="DeviceOk_lb"
      Height="26"
      Margin="300,150,0,0"
      HorizontalAlignment="Left"
      VerticalAlignment="Top"
      Background="#FFF39915"
      Content="仮 OK"
      FontSize="10" />

    <Label
      x:Name="DeviceOk_lb2"
      Height="26"
      Margin="360,150,0,0"
      HorizontalAlignment="Left"
      VerticalAlignment="Top"
      Content="仮 OK"
      FontSize="10"
      Style="{StaticResource OkNgLabelStyle}" />
  </Grid>
</UserControl>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace ●●●●●●●
{
    /// <summary>
    /// UserControl1.xaml の相互作用ロジック
    /// </summary>
    public partial class UserControl1 : UserControl
    {
        public UserControl1()
        {
            InitializeComponent();

            // もしかしたらここに書けるのかもしれない（A次第）

            //string DeviceID = A.DeviceId;
            //DeviceID_tb.Text = DeviceID;

            //switch (DeviceID)
            //{
            //    case "debaisu":
            //        DeviceOk_lb.Background = (Brush)new BrushConverter().ConvertFrom("#FFF39915");
            //        DeviceOk_lb.Content = "OK";

            //        DeviceOk_lb2.Content = "OK";
            //        break;
            //    default:
            //        DeviceOk_lb.Background = (Brush)new BrushConverter().ConvertFrom("#FF24E827");
            //        DeviceOk_lb.Content = "NG";

            //        DeviceOk_lb2.Content = "NG";
            //        break;
            //}
        }
    }
}

---

namespace（プロジェクト名）やx:Name等をそのまま公開するのは支障がある場合、新たなプロジェクトを作って当たり障りのない名前（hoge,fuga・foo,bar・aaa,bbb等）にしてください。
今のプロジェクトを編集して出すのは、編集忘れがあったり矛盾したりしてかえって混乱します。

Comments

[TN8001]

いろいろな方法を並列で並べたためわかりにくいかもしれませんが、（難しそうに見せて）けむに巻くような意図はありません。
わからない点はコメントいただければ説明させていただきます。

あるいはより具体的な状況がわかれば、特化した内容に変更します。
* ViewModelは使ってない
* UserControlは実は２つある
* DeviceIdだけじゃない
* LabelのContentと連動する
* 色変更の法則
等々

[AAAAAAAAAAAAAA]

いろいろな方法を説明していただきありがとうございます。
いろいろとやってはみたのですが上手く走りませんでした。
現在の状況としては、
プロジェクトの作成時に発生するメインのcsファイルと、項目の追加で追加したユーザーコントロールが1つのみです。
現在存在するファイルは「メイン.cs」（一番初めに作成されるcsファイル）、「UserControl1.xaml」、「UserControl1.xaml.cs」の３つだけです。
つまりは、このスクリプトを走らせたときに出てくるウィンドウはユーザーコントロール1の1つだけであり、
メインのcs上に記述したコードでAPIから装置名などの情報を取得し、
ユーザーコントロール上にラベルとして、装置名が一致すれば緑色で「OK」違うならば赤色で「NG」のように表示できればと思っておりました。
このプログラムが動作すれば、デバイス名のみでなく様々な項目についてOKやNGの判定を自動的にしてわかりやすく表示させたいと考えております。
この状況に特化した内容にしていただけますと大変助かります。
こちらの状況がわからないところがあればまた追加させていただきます。
よろしくお願いいたします。

[TN8001]

> プロジェクトの作成時に発生するメインのcsファイルと、項目の追加で追加したユーザーコントロールが1つのみです。

う～ん？またわからなくなってきました^^;
EXEでなくDLLを作っているのか？？

Visual Studioで「新しいプロジェクトの作成」したときのテンプレート名って何だったですか？
[新しいプロジェクトを作成する - Visual Studio (Windows) | Microsoft Learn](https://learn.microsoft.com/ja-jp/visualstudio/ide/create-new-project)

回答で使ったのは「WPF アプリ(.NET Framework)」テンプレートです。

> メインのcs上に記述したコードでAPIから装置名などの情報を取得し、
> ユーザーコントロール上にラベルとして、装置名が一致すれば緑色で「OK」違うならば赤色で「NG」のように表示できればと思っておりました。

雰囲気はわかるのですが、「メイン.cs」と「UserControl1.xaml.cs」の関係がわかりません。
「メイン.cs」の内容を追記いただくか、「とあるソフト」を明かせますか？

[AAAAAAAAAAAAAA]

説明できておらず申し訳ありませんが、ビルドするとexeではなくDLLが作成されます。
DLLをとあるソフト上で開いて実行するスクリプトを作成しようとしています。
実はvisual studioで「新しいプロジェクトの作成」とはやっておらず、
「とあるソフト」のスクリプト作成ウィザードを使用すると、
visual studio上でメインのcsファイルが表示される状態になります。
そこで生成されるコードは以下のようになります。
とあるソフトは明かせないので一部伏字になります。
using System;
using System.Linq;
using System.Text;
using System.Windows;
using System.Collections.Generic;
using System.Reflection;
using System.Runtime.CompilerServices;
using ●●●●●●●●●●●●●●●●;
using ●●●●●●●●●●●●●●●●;

namespace ●●●●●●
{
public class Script
{
public Script()
{
}

[MethodImpl(MethodImplOptions.NoInlining)]
public void Execute(●●●●●●●●●●●●●●●●)
{
// TODO : Add here the code.
}
}
}

お手数をおかけいたしますが、よろしくお願いいたします。

[TN8001]

> 説明できておらず申し訳ありませんが、ビルドするとexeではなくDLLが作成されます。
> 「とあるソフト」のスクリプト作成ウィザードを使用すると、
> visual studio上でメインのcsファイルが表示される状態になります。

なるほど。

> そこで生成されるコードは以下のようになります。

これだけでUserControl1が表示されるのですか？
「メイン.cs」の中にUserControl1という文字は一切出てきませんか？
class Scriptは何も継承していないんでしょうか？
デバイス名等を取得するAPIはExecuteの引数が必要な状態ですか？（↓のように小文字のhogeを使ってる）
Execute(Hoge hoge) { string Device = hoge.なんたらかんたら

Script←→UserControl1間のやり取り方がわかりませんねぇ（static変数なんかでごまかすことはできるかもしれませんが^^;

ただこれができないわけがないので、なにか正式な方法があるはずです（WPFで作らせる以上UserControl1のDataContextをScriptから設定できそうに思うのですが...

質問へのコメント AAAAAAAAAAAAAA 2023/03/06 08:49
> 現在はAPIからの情報の取得とユーザーコントロールへの表示だけできている状態です。

これは「情報をラベルに表示ならできた」という意味ですよね？
でも
ScriptからUserControl1に情報を渡せたわけでもなく
UserControl1内で情報を取得できたわけでもなく

「とあるソフト」の設定画面でラベル名を指定した みたいなことなんでしょうか？

[AAAAAAAAAAAAAA]

上のコードはスクリプト作成ウィザードを使用した直後の状態でして、
その段階ではユーザーコントロールは存在していないのです。
そのあとに自分で項目の追加からユーザーコントロールを追加しています。
その後のコードは以下のようになります。
using System;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Collections.Generic;
using System.Reflection;
using System.Runtime.CompilerServices;
using ●●●●●●●●●●●●●●●●;
using ●●●●●●●●●●●●●●●●;

namespace ●●●●●●●
{
public class Script
{

public Script()
{

}

[MethodImpl(MethodImplOptions.NoInlining)]
public void Execute(●●●●●●●)
{

var control = new UserControl1();
window.Content = control;
window.Height = 842;
//window.SizeToContent = SizeToContent.Height;
window.Width = 595;
//window.SizeToContent =SizeToContent.Width;
//control.context_gui= context;

string DeviceID = A.DeviceId;
　　control.DeviceID_tb.Text = DeviceID;
}
}

}

Executeの部分はこんな感じで記載されています。
public void Execute(●〇〇〇〇〇〇●〇〇〇 〇〇〇〇〇〇, System.Windows.Window window)
●は大文字、〇は小文字です。hogeという文字はでてきてないです。

この状態でユーザーコントロールのxamlファイルに以下のように項目を作り
<Label x:Name="●●●●_lb" Content="デバイス名" HorizontalAlignment="Left" Margin="30,150,0,0" VerticalAlignment="Top" Height="26" FontSize="10"/>

その横に以下のようにテキストボックスでAPIから取得したデバイス名を表示しています。
<TextBlock x:Name="DeviceID_tb" HorizontalAlignment="Left" Margin="160,150,0,0" TextWrapping="Wrap" VerticalAlignment="Top"/>

今回はその横にさらにOKかNGかを判断して色分けで表示するラベルを作成しようとしています。
以下のような感じです。
<Label x:Name="●●●●_lb" Content="OK" HorizontalAlignment="Left" Margin="300,150,0,0" VerticalAlignment="Top" Height="26" FontSize="10" Background="#FFF39915"/>
（もしくは以下を表示する。）
<Label x:Name="●●●●_lb" Content="NG" HorizontalAlignment="Left" Margin="300,150,0,0" VerticalAlignment="Top" Height="26" FontSize="10" Background="#FF24E827"/>
上記の２つのラベルの切り分けをif文がswich文で行おうと考えています。

説明がわかりずらく大変申し訳ありませんが、よろしくお願いいたします。

[TN8001]

Windowが渡されてくるんですか！
エスパー成功していたわけですねｗ

> エスパー回答するならUserControlにx:Nameを付けて、userControl.ラベル名_lb.Background...とメイン側で変える。

というのは編集した回答のような意図で言ったのです（通じなかったわけですが^^;
つまりお互い省略が多すぎると話が通じないということです。

> 上記の２つのラベルの切り分けをif文がswich文で行おうと考えています。

表示非表示を切り替えてもいいですが、回答は当初の通り色を変えました。

表示非表示を切り替えるなら。
control.ラベル名.Visibility = Visibility.Visible; // 表示
control.ラベル名.Visibility = Visibility.Hidden; // 非表示

[AAAAAAAAAAAAAA]

コントロールに名前を付けて、
「control.」を頭につければいいだけだったのですね。
このやり方でメインのcsファイルにswich文を書いて、表示する文字列や背景色を切り替えることができました。
お手数をおかけしていまい申し訳ありません。
ありがとうございました。