Submit Search
Upload
Power Appsのギャラリーを使いこなそう
•
Download as PPTX, PDF
•
0 likes
•
1,066 views
korune ☆
Follow
Here's a summary of the use of gallery controls in Power Apps.
Read less
Read more
Technology
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 39
Download now
Recommended
SharePointリストのフォームのカスタマイズを利用したときにハマること
SharePointリストのフォームのカスタマイズを利用したときにハマること
た な
Power Apps? なにそれ? おいしいの?
Power Apps? なにそれ? おいしいの?
Junichi Kodama
欲しいアプリは自分で作る!経済産業省も認めたPower Appsの威力と可能性
欲しいアプリは自分で作る!経済産業省も認めたPower Appsの威力と可能性
Junichi Kodama
Power BI を提案してみた件
Power BI を提案してみた件
Teruchika Yamada
Power Automateを使ってツヨツヨ情報収集ツールを作ろう
Power Automateを使ってツヨツヨ情報収集ツールを作ろう
Demodori Gatsuo - A Certain Citizen Developers Association
そのアプリ開発PowerAppsでやるか否かの指針?(※個人的見解)
そのアプリ開発PowerAppsでやるか否かの指針?(※個人的見解)
Teruchika Yamada
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
Kazuhiko Nakamura
それは本当にAutomate? 改めて考えるPower Automate
それは本当にAutomate? 改めて考えるPower Automate
Tomoyuki Obi
Recommended
SharePointリストのフォームのカスタマイズを利用したときにハマること
SharePointリストのフォームのカスタマイズを利用したときにハマること
た な
Power Apps? なにそれ? おいしいの?
Power Apps? なにそれ? おいしいの?
Junichi Kodama
欲しいアプリは自分で作る!経済産業省も認めたPower Appsの威力と可能性
欲しいアプリは自分で作る!経済産業省も認めたPower Appsの威力と可能性
Junichi Kodama
Power BI を提案してみた件
Power BI を提案してみた件
Teruchika Yamada
Power Automateを使ってツヨツヨ情報収集ツールを作ろう
Power Automateを使ってツヨツヨ情報収集ツールを作ろう
Demodori Gatsuo - A Certain Citizen Developers Association
そのアプリ開発PowerAppsでやるか否かの指針?(※個人的見解)
そのアプリ開発PowerAppsでやるか否かの指針?(※個人的見解)
Teruchika Yamada
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
Kazuhiko Nakamura
それは本当にAutomate? 改めて考えるPower Automate
それは本当にAutomate? 改めて考えるPower Automate
Tomoyuki Obi
カスタムリスト添付ファイル Power Apps をそえて
カスタムリスト添付ファイル Power Apps をそえて
Teruchika Yamada
SharePoint 開発でできること 2019年9月版
SharePoint 開発でできること 2019年9月版
Hiroaki Oikawa
SharePoint Online 外部共有を考える
SharePoint Online 外部共有を考える
Teruchika Yamada
Power Automateで電子帳簿保存法に対応してみた。
Power Automateで電子帳簿保存法に対応してみた。
Tatsuya Kobayashi
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
Ai Hirano
Power Apps による SharePoint リスト フォーム編集のコツ
Power Apps による SharePoint リスト フォーム編集のコツ
Rie Okuda
自社で実運用中!Power Apps・Power Automate 活用事例
自社で実運用中!Power Apps・Power Automate 活用事例
Teruchika Yamada
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
Recruit Lifestyle Co., Ltd.
Power BI をアプリに埋め込みたい? ならば Power BI Embedded だ!
Power BI をアプリに埋め込みたい? ならば Power BI Embedded だ!
Teruchika Yamada
Teams の”チーム”と Office 365 グループを理解して Power Platform を活用せよ
Teams の”チーム”と Office 365 グループを理解して Power Platform を活用せよ
Yugo Shimizu
初めてでも大丈夫!SharePoint 開発の第一歩
初めてでも大丈夫!SharePoint 開発の第一歩
Yoshitaka Seo
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
Ai Hirano
PowerApps に Power BI を埋め込んでみよう!
PowerApps に Power BI を埋め込んでみよう!
Teruchika Yamada
続・PowerApps に Power BI を埋め込む
続・PowerApps に Power BI を埋め込む
Teruchika Yamada
Rest ful api設計入門
Rest ful api設計入門
Monstar Lab Inc.
事例から学ぶ!Power Platformガバナンス設計~CoEの話も添えて~
事例から学ぶ!Power Platformガバナンス設計~CoEの話も添えて~
Junichi Kodama
第34回Office 365勉強会 : Microsoftサポート活用術 ~ Microsoft Azureを中心に ~
第34回Office 365勉強会 : Microsoftサポート活用術 ~ Microsoft Azureを中心に ~
Genki WATANABE
開発者のためのActive Directory講座
開発者のためのActive Directory講座
junichi anno
Component勉強会
Component勉強会
Nagao Hiroaki
Azure API Management 俺的マニュアル
Azure API Management 俺的マニュアル
貴志 上坂
More Related Content
What's hot
カスタムリスト添付ファイル Power Apps をそえて
カスタムリスト添付ファイル Power Apps をそえて
Teruchika Yamada
SharePoint 開発でできること 2019年9月版
SharePoint 開発でできること 2019年9月版
Hiroaki Oikawa
SharePoint Online 外部共有を考える
SharePoint Online 外部共有を考える
Teruchika Yamada
Power Automateで電子帳簿保存法に対応してみた。
Power Automateで電子帳簿保存法に対応してみた。
Tatsuya Kobayashi
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
Ai Hirano
Power Apps による SharePoint リスト フォーム編集のコツ
Power Apps による SharePoint リスト フォーム編集のコツ
Rie Okuda
自社で実運用中!Power Apps・Power Automate 活用事例
自社で実運用中!Power Apps・Power Automate 活用事例
Teruchika Yamada
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
Recruit Lifestyle Co., Ltd.
Power BI をアプリに埋め込みたい? ならば Power BI Embedded だ!
Power BI をアプリに埋め込みたい? ならば Power BI Embedded だ!
Teruchika Yamada
Teams の”チーム”と Office 365 グループを理解して Power Platform を活用せよ
Teams の”チーム”と Office 365 グループを理解して Power Platform を活用せよ
Yugo Shimizu
初めてでも大丈夫!SharePoint 開発の第一歩
初めてでも大丈夫!SharePoint 開発の第一歩
Yoshitaka Seo
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
Ai Hirano
PowerApps に Power BI を埋め込んでみよう!
PowerApps に Power BI を埋め込んでみよう!
Teruchika Yamada
続・PowerApps に Power BI を埋め込む
続・PowerApps に Power BI を埋め込む
Teruchika Yamada
Rest ful api設計入門
Rest ful api設計入門
Monstar Lab Inc.
事例から学ぶ!Power Platformガバナンス設計~CoEの話も添えて~
事例から学ぶ!Power Platformガバナンス設計~CoEの話も添えて~
Junichi Kodama
第34回Office 365勉強会 : Microsoftサポート活用術 ~ Microsoft Azureを中心に ~
第34回Office 365勉強会 : Microsoftサポート活用術 ~ Microsoft Azureを中心に ~
Genki WATANABE
開発者のためのActive Directory講座
開発者のためのActive Directory講座
junichi anno
Component勉強会
Component勉強会
Nagao Hiroaki
Azure API Management 俺的マニュアル
Azure API Management 俺的マニュアル
貴志 上坂
What's hot
(20)
カスタムリスト添付ファイル Power Apps をそえて
カスタムリスト添付ファイル Power Apps をそえて
SharePoint 開発でできること 2019年9月版
SharePoint 開発でできること 2019年9月版
SharePoint Online 外部共有を考える
SharePoint Online 外部共有を考える
Power Automateで電子帳簿保存法に対応してみた。
Power Automateで電子帳簿保存法に対応してみた。
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
Power Apps による SharePoint リスト フォーム編集のコツ
Power Apps による SharePoint リスト フォーム編集のコツ
自社で実運用中!Power Apps・Power Automate 活用事例
自社で実運用中!Power Apps・Power Automate 活用事例
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
Power BI をアプリに埋め込みたい? ならば Power BI Embedded だ!
Power BI をアプリに埋め込みたい? ならば Power BI Embedded だ!
Teams の”チーム”と Office 365 グループを理解して Power Platform を活用せよ
Teams の”チーム”と Office 365 グループを理解して Power Platform を活用せよ
初めてでも大丈夫!SharePoint 開発の第一歩
初めてでも大丈夫!SharePoint 開発の第一歩
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
PowerApps に Power BI を埋め込んでみよう!
PowerApps に Power BI を埋め込んでみよう!
続・PowerApps に Power BI を埋め込む
続・PowerApps に Power BI を埋め込む
Rest ful api設計入門
Rest ful api設計入門
事例から学ぶ!Power Platformガバナンス設計~CoEの話も添えて~
事例から学ぶ!Power Platformガバナンス設計~CoEの話も添えて~
第34回Office 365勉強会 : Microsoftサポート活用術 ~ Microsoft Azureを中心に ~
第34回Office 365勉強会 : Microsoftサポート活用術 ~ Microsoft Azureを中心に ~
開発者のためのActive Directory講座
開発者のためのActive Directory講座
Component勉強会
Component勉強会
Azure API Management 俺的マニュアル
Azure API Management 俺的マニュアル
Power Appsのギャラリーを使いこなそう
1.
Microsoft Power Apps
の ギャラリーコントロールを使いこなそう!! コルネ @koruneko32767
2.
自己紹介 Twitter コルネ @koruneko32767 ブログ https://koruneko.hatenablog.com/ YouTube https://www.youtube.com/channel/UCYvIgC9JYS6VFumWdwi5QMA
3.
目次 ・ギャラリーコントロールってなに? ・2つの項目毎に折り返されるように設定してみよう! ・高さ可変ギャラリーを使いこなそう! ・ギャラリー内のアイテムをギャラリー外から参照しよう! ・ギャラリーの中にギャラリーを配置しよう! ・TemplateSize = 0を理解しよう!
4.
ギャラリーコントロールとは? ギャラリーコントロールを使用すると 複数のデータソースを表示することができます。
5.
どこにあるの? ←ここです! 最近「カスタム」や 「AI Builder」が追加されて 表示されなくなってしまいました… ぴえん
6.
まずは簡単に触ってみよう!
7.
基本操作
8.
ギャラリー内の要素 “items”に設定している “CustomGallerySample”の データが表示される
9.
2つの項目毎に 折り返されるように設定してみよう!
10.
折り返しの数(WrapCount)を指定することで 指定した数で行が折り返して表示されます *ただし設定できる最大の数値は10です
11.
DEMO
12.
高さ可変ギャラリーを使いこなそう!
13.
こいつを選択!
14.
Toggleによって表示/非表示が 切り替わるオブジェクトの配置
15.
表示される内容によって高さが自動で調整される!
16.
DEMO
17.
ギャラリー内のアイテムを ギャラリー外から参照しよう!
18.
このギャラリーに対して動作
19.
ギャラリーの指定した項目を選択 Select(Gallery, Value(TextInput.Text)) 選択された項目は背景が赤に設定
20.
ギャラリーの指定したボタンを押す Select(Gallery, Value(TextInput.Text), Button) 右のテキストの内容を変数に格納 UpdateContext({_text:ThisItem.SampleText})
21.
ギャラリーの指定したTextInputに 入力された文字列を表示 Last(FirstN(Gallery.AllItems, Value(TextInput1.Text))).TextInput2.Text TextInput1:ギャラリー外 TextInput2:ギャラリー内
22.
DEMO
23.
ギャラリーの中に ギャラリーを配置しよう!
24.
ギャラリーの中にギャラリーを 追加するだけ! 簡単ですね!!
25.
ではこのギャラリー(親)の中に配置した ギャラリー(子)の要素を参照するにはどうすれば・・・
26.
Gallery1:親ギャラリー Gallery2:子ギャラリー Select(Gallery1.Selected.Gallery2, Value()) Select(Gallery1, Value(),
Select(Gallery2, Value())) 親ギャラリーの選択されている要素の 子ギャラリーを選択する OR
27.
Gallery1:親ギャラリー Gallery2:子ギャラリー Select(Gallery1.Selected.Gallery2, Value()) Select(Gallery1, Value(),
Select(Gallery2, Value())) 親ギャラリーの選択されている要素の 子ギャラリーを選択する OR
28.
ではどうすればいいのか?
29.
親ギャラリーの中にボタンを追加し、 ボタンは子ギャラリーの要素を指定するよう設定。 外部からは親ギャラリーのボタンを選択する。 Select(Gallery2, Value(TextInput2.Text)) 親ギャラリー内のボタン Select(Gallery1, Value(TextInput1.Text),
Button1) 外部のボタン
30.
DEMO
31.
TemplateSize = 0を理解しよう!
32.
ギャラリーには各項目の高さを指定する “TemplateSize”が存在する 下記の設定がここのサイズ
33.
“TemplateSize”を0にするとどうなる? 表示されていたオブジェクトが全て重なる!
34.
レコード毎に座標・サイズを指定して任意の箇所に オブジェクトを配置しよう! 冒頭にご紹介したように「折り返しの数」に指定できるのは 最大でも10までです。 しかし、この方法を用いればそれ以上の設定が可能になります。
35.
この手法を用いる際の注意点 “TemplateSize = 0”に設定しても実際は”1”と設定されています。 なので”Y”に座標を適応する際、補正を行う必要があります。 //
指定するY座標 ThisItem.Y + // 横方向のずれを補正(N:折り返しの数) Mod(N - ThisItem.ID, N) - // 縦方向のずれを補正(M:縦方向のピクセル数) (ThisItem.Y / M)
36.
先ほどの式だけでもいいのですが… このようにランダムで値をセットしていった場合、 ずれが生じてしまいます。。。
37.
解決方法 ギャラリーの”Items”には”ID(通し番号)”でソートされた ものを設定しましょう。 Sort(col, ID) 先ほどの式にさらに補正を加えます。 // 値が連続でない場合、さらに微調整を行う (ThisItem.ID
- 1) / N * (1 - CountRows(Filter(col, ID <= ThisItem.ID)) / ThisItem.ID) * N * // 値が連続している場合は0、そうでない場合は1(丸め誤差対応済) RoundUp(1 - Round(CountRows( Filter(col, ID <= ThisItem.ID)) / ThisItem.ID, 10), 0)
38.
DEMO
39.
Q & A
Download now