UI」というのをご紹介しつつ、適当に作っていきます。ご紹介と言いつつ、のらくらも初めて使ってみるんですけどね・・・。うん、適当にファイル名一括置換と&ファイル内の一括置換とかでいきましょう!(注意:中身のロジックはこの記事には載せません。)とにかく画像をふんだんに使って、NuGetからインストールとかやったことないよって方、いやいやVisualStudio初めて触るよって方でも!これを読めば分かる!ってぐらい丁寧に書いていきたいと思います。UI」を導入しますとりあえず見た目をキレイに!まとめ何はともあれ新規プロジェクトさっそくやっていきましょう!とりあえず、まあ新規でプロジェクト作らないと始まらないのでそこから。ファイルの新規作成のプロジェクトを選択。場所とか名前はお好みで。SelectWinFormはい、こんな画面になりましたね!相変わらず、ひと昔前のデザインな感じでどこか哀愁がありますね!とりあえず、新規プロジェクトが完成です。UI」を導入しますではさっそく。UI」!導入方法は2パターンぐらいかな。1.Webサイトからインストールして、自分で突っ込む2.VisualStudioからNugetで突っ込む「1でやりたい!」って方は、ごめんなさい。今回は、2の方法でやっていきますよ!こっちの方が絶対楽なので!1のやり方やったことないし、よく知らないってのは秘密・・・では、やっていきましょう。ツールのNuGetパッケージマネージャーのパッケージ管理を選択。Nuget検索のところに「MetroModernUI」と入れると出てくるので、プロジェクトにチェックを付けてインストールを押す。Installこんな感じに、なんかソリューションに追加されていればオッケーです。Completeどんどんいきます。MetroUI用のコントロールが用意されているので、次はそれを使えるように設定していきます。ツールボックスにMetroUI用の階層を作ります。ツールボックスの空いてるところで右クリックのタブの追加で。「Metro」とつけておきました。TabAdd作った階層のところで右クリックからのアイテムの選択。SelectItem画面が出てきたら、DLL突っ込む必要があるので参照ボタンを押しちゃいます。真ん中の「MetroFramework.dll」を選択して開くを押します。AddDLLはい、これでこんな感じになってればオッケーです!CompleteAddToolこれで導入が完了です!!特に難しいこともなく、すんなり出来たと思います。タイトル通りお手軽!ですよね!とりあえず見た目をキレイに!導入が終わったのでさっそくデザインをキレイにしていきます。Form1のusingに下の通り追加します。MetroFramework.Forms;そして、継承を変更します。}}はい、これでどうなったか見てみましょう!こんな感じに変わってましたか?継承変えるだけで、良い感じになりましたね。NewDesignついでに何個かコントロール配置してみちゃいましょう。適当においてデバッグ実行してみた。なんかテキストボックスの下側切れてる・・・。原因分かる方教えて下さい・・・。気にしないことにしとこう。Designということで、後は普通にロジック書いていけばオッケーですね。そっちは、それぞれ皆さんが作りたいものを作っていくと思うので。ここまでで疲れてしまったので・・・。まとめいかがだったでしょうか?お手軽にオシャレっぽいUIを導入することが出来ましたよね?今回は、導入がメインということでそれ以降は特に何も書いていませんが、StyleとかThemeプロパティを変更するともっと色々見た目を変えることが出来るみたいですよ。気になった方は、色々調べてみてください!そして、調べた結果をのらくらにも教えていただけると嬉しいです。あ、初めてのVS2017を使用して感じたこととか何も書いてなかった。そのうち書いてみよう。【AnythingBookMarker】IDによるログインを追加!SmartLockで自動認証!【第11話】作って学ぶPHP!初心者による実践録!~追加画面3~【リリース】朝が苦手な私が、朝活応援サイトを作りました。2017年11月5日TabControlを使うと内部にコントロールが配置できませんでした。『”CtrlName”をTabControlに追加できません。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。UI】超シンプルタスク管理を作ってみる。プロフィールのらくらへっぽこプログラマーとして、日々頑張って勉強をしております。未熟なITエンジニアだった私が、転職して1年でスキルアップしたこと。【リリース】朝が苦手な私が、朝活応援サイトを作りました。5万円だけ入れて半年放置した結果。