【Xamarin.Forms】공통 부분(PCL)에 배치한 화상을 표시한다
4724 단어 XamarinC#Xamarin.Forms
검색 「search」의 철자가 탈자로 「seach」가 되어 있는 것은 돌진하면 패
환경
VisualStudio2017(15.5.7)
전제
3점 있습니다.
※3점째가 특히 중요합니다.
1 · Xamarin.Forms
의 .NET Standard
에서 솔루션을 만들고 있습니다.
2 · 공통 부분에 적절한 폴더를 만들고 폴더 내에 이미지가 배치되어 있습니다.
3 · 각 이미지의 プロパティ
에서 詳細設定
의 ビルド アクション
를 埋め込みリソース
로 변경
이미지 보기
먼저 MainPage.xaml
를 Imageコントロール
로 설정합니다.
<Image x:Name="MapPageIcon"/>
<Image x:Name="MyPageIcon"/>
<Image x:Name="SeachPageIcon"/>
각 Imageコントロール
에는 x:Nameプロパティ
를 사용하여 이름을 지정합니다.
그런 다음 코드 숨김 MainPage.xaml.cs
에 각 이미지의 경로를 설명합니다.
public MainPage()
{
InitializeComponent();
MapPageIcon.Source = ImageSource.FromResource("test180125c.Image.MapPageIcon.png");
MyPageIcon.Source = ImageSource.FromResource("test180125c.Image.MyPageIcon.png");
SeachPageIcon.Source = ImageSource.FromResource("test180125c.Image.SeachPageIcon.png");
}
이전 x:Nameプロパティ
에서 설정한 이름에 해당하는 경로를 설명합니다.
패스는名前空間
. 共通部分に作成したフォルダ
. 画像ファイル
. 拡張子
같은 상태입니다.
이제 이미지가 표시되었을 것입니다.
그렇지 않은 경우 전제를 검토하거나 경로를 다시 확인하십시오.
이번과 같은 공통 부분에 이미지를 배치하는 경우,ImageSourceクラス
에서 FromResource()メソッド
를 사용하지 않으면 올바르게 표시되지 않는 것 같습니다.
ImageSourceクラス
에 대한 자세한 내용은 아래 공식 참조 참조.
공식 Xamarin.Forms.ImageSource Class
htps : //에서 ゔぇぺぺr. 마린. 코m/아피/tyぺ/ぁ마린. 후 rms. 어리석은 r /
표시 할 수 있었지만 크기가 이상합니다.
이번 기사의 소스만으로는, 같은 사이즈의 화상을 사용해도,
모델에 따라 표시되는 이미지의 크기가 다릅니다.
그 때문에, 소스측에서 사이즈를 지정하는 등의 대책이 필요합니다.
<Image x:Name="MapTabIcon"
WidthRequest="40"
HeightRequest="40"/>
Imageコントロール
에 HeightRequestプロパティ
및 WidthRequestプロパティ
를 추가했습니다.
이러한 속성은 말 그대로,HeightRequestプロパティ
→ 세로 폭 (px)WidthRequestプロパティ
→ 가로 폭 (px)
따라서 위의 코드는 읽은 이미지의 세로 가로 폭을 40px로 지정하고 있다는 것입니다.
이 근처 신경이 쓰이는 분은 [포인트 픽셀]라든지 gg하면 행복해질 수 있습니다.
또 다른 대책안으로서, 각 플랫폼마다 이미지를 준비하는 방법이 있습니다만, 거기까지 한다면 각 프로젝트의 Resourcesフォルダ
에 이미지 파일을 넣어 읽는 것이 좋을 것 같습니다.
요약
공통 부분에 이미지를 배치하는 경우에는 ImageSourceクラス
의 FromResource()メソッド
를 사용합니다.
라는 것입니다.
ImageSource.FromResource()メソッド
를 이용해야 한다는 점을 알아차리기까지 시간이 걸렸습니다.
같은 포인트로 막고 있는 분도 많은 것이 아닐까요.
참고 기사
htp://y 타부치. 하테나 bぉg. 코m/엔트리/2017/01/16/170000
Reference
이 문제에 관하여(【Xamarin.Forms】공통 부분(PCL)에 배치한 화상을 표시한다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/thzking/items/a0fe98e7b371e13e49b5
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
3점 있습니다.
※3점째가 특히 중요합니다.
1 ·
Xamarin.Forms
의 .NET Standard
에서 솔루션을 만들고 있습니다.2 · 공통 부분에 적절한 폴더를 만들고 폴더 내에 이미지가 배치되어 있습니다.
3 · 각 이미지의
プロパティ
에서 詳細設定
의 ビルド アクション
를 埋め込みリソース
로 변경이미지 보기
먼저 MainPage.xaml
를 Imageコントロール
로 설정합니다.
<Image x:Name="MapPageIcon"/>
<Image x:Name="MyPageIcon"/>
<Image x:Name="SeachPageIcon"/>
각 Imageコントロール
에는 x:Nameプロパティ
를 사용하여 이름을 지정합니다.
그런 다음 코드 숨김 MainPage.xaml.cs
에 각 이미지의 경로를 설명합니다.
public MainPage()
{
InitializeComponent();
MapPageIcon.Source = ImageSource.FromResource("test180125c.Image.MapPageIcon.png");
MyPageIcon.Source = ImageSource.FromResource("test180125c.Image.MyPageIcon.png");
SeachPageIcon.Source = ImageSource.FromResource("test180125c.Image.SeachPageIcon.png");
}
이전 x:Nameプロパティ
에서 설정한 이름에 해당하는 경로를 설명합니다.
패스는名前空間
. 共通部分に作成したフォルダ
. 画像ファイル
. 拡張子
같은 상태입니다.
이제 이미지가 표시되었을 것입니다.
그렇지 않은 경우 전제를 검토하거나 경로를 다시 확인하십시오.
이번과 같은 공통 부분에 이미지를 배치하는 경우,ImageSourceクラス
에서 FromResource()メソッド
를 사용하지 않으면 올바르게 표시되지 않는 것 같습니다.
ImageSourceクラス
에 대한 자세한 내용은 아래 공식 참조 참조.
공식 Xamarin.Forms.ImageSource Class
htps : //에서 ゔぇぺぺr. 마린. 코m/아피/tyぺ/ぁ마린. 후 rms. 어리석은 r /
표시 할 수 있었지만 크기가 이상합니다.
이번 기사의 소스만으로는, 같은 사이즈의 화상을 사용해도,
모델에 따라 표시되는 이미지의 크기가 다릅니다.
그 때문에, 소스측에서 사이즈를 지정하는 등의 대책이 필요합니다.
<Image x:Name="MapTabIcon"
WidthRequest="40"
HeightRequest="40"/>
Imageコントロール
에 HeightRequestプロパティ
및 WidthRequestプロパティ
를 추가했습니다.
이러한 속성은 말 그대로,HeightRequestプロパティ
→ 세로 폭 (px)WidthRequestプロパティ
→ 가로 폭 (px)
따라서 위의 코드는 읽은 이미지의 세로 가로 폭을 40px로 지정하고 있다는 것입니다.
이 근처 신경이 쓰이는 분은 [포인트 픽셀]라든지 gg하면 행복해질 수 있습니다.
또 다른 대책안으로서, 각 플랫폼마다 이미지를 준비하는 방법이 있습니다만, 거기까지 한다면 각 프로젝트의 Resourcesフォルダ
에 이미지 파일을 넣어 읽는 것이 좋을 것 같습니다.
요약
공통 부분에 이미지를 배치하는 경우에는 ImageSourceクラス
의 FromResource()メソッド
를 사용합니다.
라는 것입니다.
ImageSource.FromResource()メソッド
를 이용해야 한다는 점을 알아차리기까지 시간이 걸렸습니다.
같은 포인트로 막고 있는 분도 많은 것이 아닐까요.
참고 기사
htp://y 타부치. 하테나 bぉg. 코m/엔트리/2017/01/16/170000
Reference
이 문제에 관하여(【Xamarin.Forms】공통 부분(PCL)에 배치한 화상을 표시한다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/thzking/items/a0fe98e7b371e13e49b5
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<Image x:Name="MapPageIcon"/>
<Image x:Name="MyPageIcon"/>
<Image x:Name="SeachPageIcon"/>
public MainPage()
{
InitializeComponent();
MapPageIcon.Source = ImageSource.FromResource("test180125c.Image.MapPageIcon.png");
MyPageIcon.Source = ImageSource.FromResource("test180125c.Image.MyPageIcon.png");
SeachPageIcon.Source = ImageSource.FromResource("test180125c.Image.SeachPageIcon.png");
}
이번 기사의 소스만으로는, 같은 사이즈의 화상을 사용해도,
모델에 따라 표시되는 이미지의 크기가 다릅니다.
그 때문에, 소스측에서 사이즈를 지정하는 등의 대책이 필요합니다.
<Image x:Name="MapTabIcon"
WidthRequest="40"
HeightRequest="40"/>
Imageコントロール
에 HeightRequestプロパティ
및 WidthRequestプロパティ
를 추가했습니다.이러한 속성은 말 그대로,
HeightRequestプロパティ
→ 세로 폭 (px)WidthRequestプロパティ
→ 가로 폭 (px)따라서 위의 코드는 읽은 이미지의 세로 가로 폭을 40px로 지정하고 있다는 것입니다.
이 근처 신경이 쓰이는 분은 [포인트 픽셀]라든지 gg하면 행복해질 수 있습니다.
또 다른 대책안으로서, 각 플랫폼마다 이미지를 준비하는 방법이 있습니다만, 거기까지 한다면 각 프로젝트의
Resourcesフォルダ
에 이미지 파일을 넣어 읽는 것이 좋을 것 같습니다.요약
공통 부분에 이미지를 배치하는 경우에는 ImageSourceクラス
의 FromResource()メソッド
를 사용합니다.
라는 것입니다.
ImageSource.FromResource()メソッド
를 이용해야 한다는 점을 알아차리기까지 시간이 걸렸습니다.
같은 포인트로 막고 있는 분도 많은 것이 아닐까요.
참고 기사
htp://y 타부치. 하테나 bぉg. 코m/엔트리/2017/01/16/170000
Reference
이 문제에 관하여(【Xamarin.Forms】공통 부분(PCL)에 배치한 화상을 표시한다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/thzking/items/a0fe98e7b371e13e49b5
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(【Xamarin.Forms】공통 부분(PCL)에 배치한 화상을 표시한다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/thzking/items/a0fe98e7b371e13e49b5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)