streamlit 동적 wedget (상자) 요약
입문
지난번 후속에서 stleamlit를 이용하여 상호작용하는 weet을 만들었다.
상호작용은 쌍방향이나 대화식의 의미에서 동태적인 것을 가리킨다
상호작용식 wedget은 간단하게 말하면 동적 부품이다.
이번에 한 건요.
"확인란, 선택 상자 및 텍스트 상자, 슬라이더."
확인란
st.checkbox
결과는true와false로 되돌아오기 → if문장으로 바꾸어 복선상자에 조건을 추가할 수 있습니다.여기서 확인란을 선택하여 이미지를 표시합니다.
if st.checkbox('Show Image')
img = Image.open('~~~~.~~~')
st.image(img,caption='kizunaAI',use_column_width=True)

선택 상자
st.selectbox
1~10이 좋아하는 숫자를 선택하는 시스템을 만들어 보자.st.selectbox('あなたの好きな数字は',
list(range(1,11))
이렇게 하면 라벨과 1~10 범위의 목록을 추가할 수 있다.그리고 이번에는 옵션이라는 변수를 추가해서'너의 숫자는~'이라는 형식을 만들고 싶어요.
option=st.selectbox('あなたの好きな数字は',
list(range(1,11))
'あなたが好きな数字は',option,'です。'

위의 그림은 캡처의 결과지만 좋아하는 숫자는 숨겨졌지만 잘 반영되었다.
텍스트 상자
텍스트 상자도 앞의 선택 상자와 체크 상자와 큰 차이가 없다
st.text_input와 배치가 완성됩니다.
나는 변수로 결과를 자세히 보여 보려고 한다
결과를 아래에 붙이다.

슬라이더
마지막은 스케이트보드.이것은 계량기 같은 물건이다
우선 운동 범위의 수치와 초기 위치를 제시해야 한다.
st.slider('あなたの今日の調子は?',0,100,50)
괄호 안에서 최초의 두 숫자는 범위 내에서 뒤의 50으로 초기 위치를 나타낸다.이것도 아까와 같이 변수로 변수를 대입합니다. 게이지의 수치를 표시하는 것은 아래의 그림입니다.

총결산
나는 간단한 문장 한 줄이 이렇게 정식으로 할 수 있다는 것에 매우 감동했다.
streamlit의 터치일 뿐이지만 CSS가 없어도python만으로 완성할 수 있는 간결함은 작은 것을 만드는 데 매우 쉽다고 생각합니다.
그리고 이번에는 메모하는 방법을 기억해서 적어 두었어요.
댓글 닫는 방법
선택➡ Ctrl+(K→C)
Reference
이 문제에 관하여(streamlit 동적 wedget (상자) 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/dd_mozucrew83/items/0706064c578a02f8c07a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(streamlit 동적 wedget (상자) 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/dd_mozucrew83/items/0706064c578a02f8c07a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)