PowerApps로 타코미터 만들기

PowerApps에서 속도계를 만드는 사람이 있었기 때문에 영감을 받아 타코미터를 만들어 보았습니다.

우선 움직임을 봐

할 수 있었다! ! PowerApps에서 타코미터 스타일 표시기! #PowerApps 피 c. 라고 r. 이 m/f4fゔㅇ지 mB7 — 나가친(@mofumofu_dance) 2018년 9월 11일

만드는 방법

PowerApps HTML 텍스트 컨트롤을 사용합니다.
div에 스타일로 미터 라인을 표시합니다.
슬라이더 또는 다른 컨트롤로 미터의 각도를 조정합니다.

이뿐입니다.

구체적으로 살펴 보겠습니다. CSS 파일을 가져올 수 있는지 수수께끼이므로 스타일은 직접 씁니다.

HTML 텍스트 컨트롤에 다음을 설명했습니다.

"<div style='background: #F14134;background-image: linear-gradient(to bottom, #F14134, #343536);height: 0;left: 50%;position: absolute;top: 50%;width: 0;transform-origin: 50% 100%;margin: -285px -8px 0;padding: 285px 8px 0;z-index:2;border-radius: 50% 50% 0 0;transform:rotate("&(Slider1.Value*180/100-90)&"deg);'></div>"

이 중, Slider1.Value*180/100-90 당이 슬라이더와의 연동이 되므로, 각 어플리로 대응시켜 주세요.

마지막으로 더 이상 사족이지만 부품 대응입니다.

Reference

스타일은 여기를 참고했습니다.

htps : // 코데펜. 이오 / 이 l 한테 키 r / 펜 / 이기

Reference

이 문제에 관하여(PowerApps로 타코미터 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/h-nagao/items/2a2a61e7db3cbc3486dc

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다