Microsoft-ui-xaml: μ œμ•ˆ: νŒ¨λ„μ—μ„œ 더 λ§Žμ€ ν…Œλ‘λ¦¬/λ°°κ²½ μ˜΅μ…˜ 지원

에 λ§Œλ“  2019λ…„ 04μ›” 03일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: microsoft/microsoft-ui-xaml

μ œμ•ˆ: νŒ¨λ„μ—μ„œ 더 λ§Žμ€ ν…Œλ‘λ¦¬/λ°°κ²½ μ˜΅μ…˜ 지원

μš”μ•½


ν…Œλ‘λ¦¬ 및 배경에 λŒ€ν•œ μΆ”κ°€ μ˜΅μ…˜μ„ μ§€μ›ν•˜λ €λ©΄ νŒ¨λ„(λ˜λŠ” νŒŒμƒ νŒ¨λ„)을 ν™œμ„±ν™”ν•©λ‹ˆλ‹€. ꡬ체적으둜 λ‹€μŒμ„ μ§€μ›ν•©λ‹ˆλ‹€.

  • κ°€μž₯μžλ¦¬λ³„ ν…Œλ‘λ¦¬ 색상
  • μ½”λ„ˆλ‹Ή 반경
  • κ°€μž₯μžλ¦¬λ³„ ν…Œλ‘λ¦¬ λ‘κ»˜
  • μ‹€μ„ , 점선 λ˜λŠ” νŒŒμ„  ν…Œλ‘λ¦¬ 획 ν‘œμ‹œ 지원
  • CSS의 backfaceVisibility 와 동일(μ΅œμ†Œν•œ 'ν‘œμ‹œ' 및 'μˆ¨κΉ€')

이둠적 해석


λ¦¬μ•‘νŠΈ λ„€μ΄ν‹°λΈŒμ˜ type은 Windows λ²„μ „μ—μ„œ XAML의 ν•œ μš”μ†Œμ— λͺ…ν™•ν•˜κ²Œ λ§€ν•‘λ˜μ§€ μ•ŠλŠ” ν…Œλ‘λ¦¬ 및 배경에 λŒ€ν•œ μ—¬λŸ¬ μ˜΅μ…˜μ„ μ§€μ›ν•©λ‹ˆλ‹€. λ”°λΌμ„œ μ›ν•˜λŠ” κ²°κ³Όλ₯Ό μ–»μœΌλ €λ©΄ λ‹€μ–‘ν•œ μš”μ†Œμ˜ 쑰합을 관리해야 ν•©λ‹ˆλ‹€. RN 기반 μ•±μ—μ„œ <View/> 의 보급을 κ°μ•ˆν•  λ•Œ 더 λ‚˜μ€ μ„±λŠ₯을 달성할 κ²ƒμ΄λΌλŠ” κΈ°λŒ€μ™€ ν•¨κ»˜ κΈ°λ³Έ μš”μ†Œμ˜ 수λ₯Ό 쀄일 수 μžˆλŠ” κ°€λŠ₯성을 쑰사할 κ°€μΉ˜κ°€ μžˆμŠ΅λ‹ˆλ‹€.

https://github.com/Microsoft/react-native-windows/issues/2245 κ΄€λ ¨

κΈ°λŠ₯ μš”κ΅¬ 사항

Panel이 μ΄λŸ¬ν•œ μ˜΅μ…˜μ„ ν† κΈ€ν•˜κΈ° μœ„ν•΄ μ—¬λŸ¬ 보호된 λ©”μ„œλ“œλ₯Ό λ…ΈμΆœν•˜λ©΄ νŒŒμƒλœ Panel μœ ν˜•μ΄ λ…ΈμΆœν•  μ˜΅μ…˜μ„ 선택할 수 μžˆμŠ΅λ‹ˆλ‹€.

μ€‘μš” μ°Έκ³  사항

μ—΄λ¦° 질문

area-CoreFramework feature proposal team-Controls

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

XAML에 λŒ€ν•œ ν–₯ν›„ μΆ”κ°€λ₯Ό μœ„ν•œ 쒋은 κ²½ν—˜ 법칙...

CSSμ—μ„œ κ°€λŠ₯ν•˜λ‹€λ©΄ XAMLμ—μ„œλ„ κ°€λŠ₯ν•΄μ•Ό ν•©λ‹ˆλ‹€.

λͺ¨λ“  3 λŒ“κΈ€

XAML에 λŒ€ν•œ ν–₯ν›„ μΆ”κ°€λ₯Ό μœ„ν•œ 쒋은 κ²½ν—˜ 법칙...

CSSμ—μ„œ κ°€λŠ₯ν•˜λ‹€λ©΄ XAMLμ—μ„œλ„ κ°€λŠ₯ν•΄μ•Ό ν•©λ‹ˆλ‹€.

CornerRadius 경우 κΈ°λ³Έ νŒ¨λ„λ‘œ μ΄λ™ν•˜λŠ” κ²ƒμž…λ‹ˆκΉŒ? 이미 λͺ¨μ„œλ¦¬λ³„ 값을 μ§€μ›ν•˜κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€.

image

예, 이 μ•„μ΄λ””μ–΄λŠ” νŒŒμƒλœ νŒ¨λ„μ΄ μ‰½κ²Œ ν•΄λ‹Ή λ™μž‘μ„ κ°€μ§ˆ 수 μžˆλ„λ‘ κΈ°λ³Έ νŒ¨λ„ μœ ν˜•μ— ν…Œλ‘λ¦¬μ™€ 같은 것을 λ Œλ”λ§ν•˜κΈ° μœ„ν•œ κΈ°λ³Έ 제곡 지원을 κ°€λŠ₯ν•˜κ²Œ ν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€. 이 μ œμ•ˆμ€ ν•΄λ‹Ή 아이디어가 Windows ν”„λ‘œμ νŠΈμ˜ React Native에 μœ μš©ν•œμ§€ μ—¬λΆ€λ₯Ό μΆ”μ ν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€.

CSSλŠ” μ˜€λž«λ™μ•ˆ μ‚¬μš©λ˜μ–΄ μ™”μœΌλ©° λ§Žμ€ μž‘μ—…μ„ μˆ˜ν–‰ν•©λ‹ˆλ‹€. λ‚˜λŠ” 그듀이 λͺ¨λ‘ 쒋은 μΌμ΄λΌλŠ” κΈ°λ³Έ μž…μž₯을 μ·¨ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. :)

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰