이미지를 Excel 파일에 저장한 다음 앱에 추가하는 방법How to save images in an Excel file, and then add these images to your app

이 자습서에서는 다음 작업을 수행합니다.In this tutorial, we:

  • Excel 파일을 만들고 이를 테이블 형식으로 지정합니다.Create an Excel file and format it as a table
  • 비즈니스용 OneDrive에 대한 연결을 만듭니다.Create a connection to OneDrive for Business. 모든 클라우드 저장소 계정이 작동합니다.Any cloud storage account will work. 이 연습에서는 비즈니스용 OneDrive가 사용됩니다.In this walk-through, OneDrive for Business is used.
  • 펜 입력 컨트롤이 있는 앱을 만듭니다.Create an app with a pen input control
  • 펜 입력 컨트롤에서 만든 이미지를 Excel 파일에 저장합니다.Save the images created from the pen input control to an Excel file
  • 앱에서 Excel 파일의 이미지를 표시합니다.Display images from an Excel file in your app

필수 조건Prerequisites

Excel 파일을 테이블로 만들기Create the Excel file as a table

  1. 빈 Excel 파일에서 열 이름을 Image [image] 로 지정합니다.In a blank Excel file, name a column Image [image].

  2. 다음 단계에 따라 테이블를 만듭니다.Create a table using the following steps:

    1. 행과 열의 데이터에 대한 모든 부분을 선택합니다.Select any piece of data in any row and any column. 예를 들어 Image를 선택합니다.For example, select Image.

    2. 삽입 리본에서 테이블을 선택합니다.On the Insert ribbon, select Table.

    3. 대화 상자 창에서 테이블에 머리글 있음을 선택하고 확인을 선택합니다.In the dialog window, select My table has headers, and select OK.

      이제 Excel 파일이 테이블 형식으로 되었습니다.Your Excel file is now in a table format. 데이터를 테이블 형식으로 지정에서 Excel의 테이블 형식 지정에 대한 추가 세부 정보를 제공합니다.Format the data as a table provides additional details on table formatting in Excel.

    4. 테이블 이름을 Drawings로 지정합니다.Name the table Drawings:

      테이블 이름을 Drawings로 바꾸기

  3. Excel 파일의 이름을 SavePen.xlsx로 지정하고, 클라우드 저장소 계정(비즈니스용 OneDrive, Dropbox 등)에 해당 파일을 저장합니다.Name the Excel file SavePen.xlsx, and save the file to your cloud storage account (OneDrive for Business, Dropbox, and so on).

펜 컨트롤이 있는 앱 만들기Create an app with the pen control

  1. PowerApps에서 빈 앱을 만듭니다.In PowerApps, create a blank app.

  2. 앱에서 클라우드 저장소 계정을 데이터 원본으로 추가합니다.In your app, add the cloud storage account as a data source. 데이터 원본으로 추가되면 SavePen.xlsx를 연결로 추가한 다음 Drawings 테이블을 선택합니다.Once added as a data source, add SavePen.xlsx as a connection, and then select the Drawings table:
    연결Connect

    이제 Drawings 테이블이 데이터 원본으로 나열됩니다.Now, the Drawings table is listed as a Data source.

  3. 삽입 메뉴에서 텍스트를 선택한 다음, 펜 입력을 선택합니다.On the Insert menu, select Text, and then select Pen input. 이름을 MyPen으로 바꿉니다.Rename it MyPen:

    이름 바꾸기

  4. 단추 컨트롤(삽입 메뉴)을 추가하고, OnSelect 속성을 다음 수식으로 설정합니다.Add a Button control (Insert menu), and set its OnSelect property to the following formula:
    Patch(Drawings, Defaults(Drawings), {Image:MyPen.Image})

  5. 이미지 갤러리 컨트롤(삽입 메뉴 > 갤러리)을 추가하고 Items 속성을 Drawings로 설정합니다.Add an Image gallery control (Insert menu > Gallery), and set its Items property to Drawings. 갤러리 컨트롤의 Image 속성은 자동으로 ThisItem.Image로 설정됩니다.The Image property of the gallery control is automatically set to ThisItem.Image.

    화면은 다음과 비슷하게 표시됩니다.Your screen should look similar to the following:

    샘플 화면

  6. F5 키를 누르거나 미리 보기()를 선택합니다.Press F5 or select Preview (). MyPen에 무언가를 그린 다음 단추를 선택합니다.Draw something in MyPen, and the select the button. 그린 그림이 갤러리 컨트롤의 첫 번째 이미지에 표시됩니다.The first image in the gallery control displays what you drew. 이 그림에 다른 것을 추가하고 단추를 선택합니다.Add something else to your drawing, and select the button. 그린 그림이 갤러리 컨트롤의 두 번째 이미지에 표시됩니다.The second image in the gallery control displays what you drew.

    미리 보기 창을 닫습니다.Close the preview window.

  7. 클라우드 저장소 계정으로 이동합니다.Go to your cloud storage account. 자동으로 만든 새 SavePen_images 폴더가 있습니다.There's a new SavePen_images folder that is automatically created. 새 폴더를 보려면 화면을 새로 고쳐야 할 수도 있습니다.You may need to refresh to see the new folder. 이 폴더에는 파일 이름에 대한 ID로 저장된 이미지가 포함되어 있습니다.This folder contains your saved images with IDs for their file names.

    SavePen.xlsx를 엽니다.Open SavePen.xlsx. '이미지' 열에는 이러한 새 이미지의 경로가 포함되어 있습니다.The Image column includes the path to these new images.

Excel 파일의 이미지를 앱에 추가Add the image in an Excel file to your app

또 다른 예로, 클라우드 저장소 계정에 이미지를 저장한 다음 앱에서 Excel 테이블을 사용하여 이미지를 표시할 수 있습니다.In another example, you can save images in a cloud storage account, and then use an Excel table to display the images in your app.

이 예제에서는 일부 .jpeg 파일이 포함된 CreateFirstApp.zip을 사용합니다.In this example, we use the CreateFirstApp.zip that contains some .jpeg files.

참고

Excel 파일의 이미지를 표시할 때 이러한 이미지에 대한 경로에는 슬래시를 사용해야 합니다.When displaying images from an Excel file, the path to these images must use forward slashes. PowerApps에서 이미지를 Excel 테이블에 저장하면(이전 단계와 마찬가지로) 경로에는 백슬래시가 사용됩니다.When PowerApps saves images to an Excel table (as with the previous steps), the path uses backslashes. 따라서 이전 예제의 SavePen_images를 사용할 수도 있습니다.So, you can also use the SavePen_images from the previous example. 이 경우 Excel 테이블의 경로에서 백슬래시 대신 슬래시를 사용하도록 변경합니다.If you do, change the paths in the Excel table to use forward slashes instead of backslashes. 그렇지 않으면 이미지가 표시되지 않습니다.Otherwise, the images will not display.

  1. CreateFirstApp.zip을 다운로드하고 Assets 폴더를 클라우드 저장소 계정으로 압축 해제합니다.Download CreateFirstApp.zip, and extract the Assets folder to your cloud storage account.

  2. Excel 스프레드시트에서 다음과 비슷한 테이블을 만듭니다.In an Excel spreadsheet, create a table that looks similar to the following:

    Jackets 테이블

  3. 테이블의 이름을 Jackets로 지정합니다.Name the table Jackets. Excel 파일 이름을 Assets.xlsx로 지정합니다.Name the Excel file Assets.xlsx. Assets 폴더의 이름을 Assets_images로 바꿀 수도 있습니다.You can also rename the Assets folder to Assets_images.

  4. 앱에서 Jackets 테이블을 데이터 원본으로 추가합니다.In your app, add the Jackets table as a data source.

  5. 이미지만 컨트롤(삽입 메뉴 > 갤러리)을 추가하고 Items 속성을 Jackets로 설정합니다.Add an Image only control (Insert menu > Gallery), and set its Items property to Jackets:

    항목 속성

    갤러리가 해당 이미지로 자동으로 업데이트됩니다.The gallery is automatically updated with the images:

    Jacket 이미지

Items 속성을 설정하면 Excel 테이블이 PowerAppsId라는 새 열로 자동으로 업데이트됩니다.When you set the Items property, the Excel table is automatically updated with a new column named PowerAppsId.

Excel 테이블에서 이미지 경로는 이미지에 대한 URL일 수도 있습니다.In the Excel table, the image path can also be the URL to an image. 클라우드 저장소 계정에 바닥재 견적 샘플 파일을 다운로드하고, 앱에서 FlooringEstimates 테이블을 데이터 원본으로 추가한 다음, 갤러리 컨트롤을 FlooringEstimates로 설정합니다.Download the Flooring Estimates sample file to your cloud storage account, add the FlooringEstimates table as a data source in your app, and then set the gallery control to FlooringEstimates. 갤러리가 해당 이미지로 자동으로 업데이트됩니다.The gallery is automatically updated with the images.

자세한 정보Learn more

이미지, 비디오 또는 사운드 추가Add an image, a video, or a sound
앱에서 꺾은선형, 원형 또는 막대형 차트로 데이터 표시Show data in a line, pie, or bar chart in your app
PowerApps 테이블 및 레코드에 대한 이해Understand tables and records in PowerApps