NativeScript를 사용하여 경계 없는 맥동 효과 버튼 만들기(Android)
1995 단어 NativeScript
나는 너를 현지인처럼 보일 수 있는 버튼을 만들고 싶다.
맥동 효과를 추가할 수 있는 플러그인(↓)도 있지만, 그것만을 위해 가져오는 것은 너무 과장된 말이다.
https://github.com/edusperoni/nativescript-ng-ripple
시행착오 결과 CSS만 만들 수 있어서 공유하고 싶어요.
NativeScript 4.2 + Anglar 환경에서 검증되었으며 이 방법은 NativeScript의 FW 버전에서 모두 사용할 수 있습니다.
일단 간단한 버튼 만들기.
<Button text="編集する"></Button>
이런 겉모습.안드로이드 2.3의 촌스러움이 있어요.나는 머티리얼즈의 느낌이 되고 싶다.버튼 배경 삭제
우선 단추의 색깔을 배경과 같은 흰색으로 바꿉니다.
Button {
background-color: #FFFFFF;
}
좀 진지해졌어.하지만 틀이 남아있다.보수적인 외모라고는 말할 수 없다.
경계 해제
Button {
background-color: #FFFFFF;
z-index: 0; /* added */
}
결론은 가장 간단하게 테두리를 없애는 방법은z-idex를 0으로 설정하면 됩니다.
완성!
여분의 배경과 테두리가 사라지고 맥동 효과가 있는 단추입니다.
Reference
이 문제에 관하여(NativeScript를 사용하여 경계 없는 맥동 효과 버튼 만들기(Android)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/hosikiti/items/ce010ad2ff3b1e9c67f2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)