【Xamarin.Forms】공통 부분(PCL)에 배치한 화상을 표시한다

본 기사는 2018.01.29에 투고한 것입니다.
검색 「search」의 철자가 탈자로 「seach」가 되어 있는 것은 돌진하면 패

환경



VisualStudio2017(15.5.7)

전제



3점 있습니다.
※3점째가 특히 중요합니다.

1 · Xamarin.Forms.NET Standard에서 솔루션을 만들고 있습니다.
2 · 공통 부분에 적절한 폴더를 만들고 폴더 내에 이미지가 배치되어 있습니다.


3 · 각 이미지의 プロパティ에서 詳細設定ビルド アクション埋め込みリソース로 변경


이미지 보기



먼저 MainPage.xamlImageコントロール로 설정합니다.
<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

좋은 웹페이지 즐겨찾기