![[C#/VB.NET] Material Skin - 머테리얼 폼스킨 *한글오류 수정*](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2702EB4F5902EF8C1F)
구글 앱에서 많이 쓰이는 머테리얼 디자인이 폼 스킨으로도 할수 있게 되었습니다!
비주얼 베이직 .net , C# 모두 사용 가능합니다
참고로 원래 머테리얼 스킨에서 한글깨짐현상을 직접 수정한 버전입니다. 글꼴 / 안티앨리어싱 모두 바꿀수 있습니다.
적용법
C# :
1. 폼 스킨을 적용시키고 싶은 프로젝트를 엽니다
3. 프로젝트 설정 (프로젝트 - 최하단의 프로젝트 설정) 으로 가서 프레임워크 버전을 4.6.2 로 변경
4. '일반' 텝을 더블 클릭하여 텝을 열기
5. 도구상자에 dll 을 끌어서 추가
6. 우클릭을 하고 '붙여넣기' 버튼을 누르면 컨트롤들이 추가됩니다.
7. 폼스킨을 적용할 폼에 들어간뒤 폼 소스창에서
이 소스를
이렇게 바꿔 줍니다
using MaterialSkin.Controls;
using MaterialSkin;
//소스창 최상단에
public partial class 폼이름 : MaterialForm
{
public 폼이름()
{
InitializeComponent();
var materialSkinManager = MaterialSkinManager.Instance;
materialSkinManager.AddFormToManage(this);
materialSkinManager.Theme = MaterialSkinManager.Themes.LIGHT;
materialSkinManager.ColorScheme = new ColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE);
}
}
}
소스
이렇게 바꿔주시고 다시 디자인창을 보시면
ㅇ이렇게 폼 스킨이 적용되는걸 볼 수 있습니다!
비주얼 베이직 .net 적용방법
이건 좀 복잡합니다;;
1. 프로젝트 - 참조 - 첨부파일의 dll 을 참조해줍니다
2. dll 파일을 도구상자로 끌어놓아줍니다
여기까지는 C# 이랑 똑같으니 위에거 참고하시고
3. 프로젝트 폴더로 들어가줍니다 (문서 - Visual Studio 2015 - Project - 프로젝트이름 - 프로젝트이름)
4. 폼스킨을 적용하고싶은 폼의 디자이너파일을 열어줍니다.
폼이름.Desiner.vb 이 파일이 디자이너파일입니다
5. 그러면 비주얼 스튜디오가 떠서 디자이너 파일이 뜰텐데
그 파일 제일 윗줄이
<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _
Partial Class Form1
Inherits Form
로 되있을거에요
이 소스를
<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _
Partial Class Form1
Inherits MaterialSkin.Controls.MaterialForm
이렇게 바꿔줍니다
6. 그다음 폼 디자인화면으로 되돌아오면
이렇게! 폼스킨이 적용되있습니다! 근데 끝이아니고
다시 폼 소스창으로 온뒤
폼 로드부분에
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
Dim SkinManager As MaterialSkinManager = MaterialSkinManager.Instance
SkinManager.AddFormToManage(Me)
SkinManager.Theme = MaterialSkinManager.Themes.LIGHT
SkinManager.ColorScheme = New ColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE)
End Sub
이렇게 해줘야 끝이 납니다!
참고로 Material 텝컨트롤이 일반 텝컨트롤로 보일거에요
정상입니다
Material 텝컨트롤 바로 위에 Material Tab Selector 라는 컨트롤을 올려놓고
Material Tab Selector 속성에 보면 제일위에서 두번째에 BaseTabControl 가 있을거에요
그걸 원하는 텝컨트롤로 설정해주시면 됩니다
--------
추천 폰트
지금 기본 폰트가 굴림 , 9포인트로 되있을텐데
한글은 나눔고딕 , 9포인트 , 속성에 AntiAlansing 을 false 로 꺼주시고
영어는 Roboto , 9 포인트 , 속성에 AntiAlansing 을 true 로 켜주세요
Roboto 는 머테리얼 기본폰트입니다 근데 한글이 깨져서 Roboto 로 한글쓰는건 권장하지 않습니다.
원본 - https://github.com/IgnaceMaes/MaterialSkin
(원본은 한글이 안됩니다. 제가 수정한 dll 을 사용하세요)
MaterialSkin.dll
수정.zip