«material-design» 태그된 질문

잔물결 효과가 내장 된 롤리팝의 일반 버튼과 달리 정적 인 이미지이기 때문에 클릭시 터치 애니메이션으로 반응하지 않는 이미지 버튼이 있습니다. 머티리얼 디자인 리플 터치 효과를 이미지에 추가하고 싶지만 구현 방법을 찾을 수없는 것 같습니다. 이미지 위에 컬러 필터를 설정할 수 있지만 그것은 파급 효과가 아닙니다. 제가하려는 작업의 예는 Google Play …

95 android  xml  android-5.0-lollipop  imagebutton  material-design 

머티리얼 디자인을 내 프로젝트로 가져 오려고하지만 일부 구성 요소가 제대로 작동하지 않고 콘솔 경고가 표시되는 간단한 각도 프로젝트에서 작업 중입니다. HammerJS를 찾을 수 없습니다. 특정 Angular Material 구성 요소가 제대로 작동하지 않을 수 있습니다. 나는 hammerjs또한 @angular/material. 이 문제를 어떻게 해결합니까? 사이드 노트 그것은 가치가 지적 될 수있다 당신이 경우 …

94 javascript  angular  material-design  hammer.js 

css-in-js 메서드를 사용하여 반응 구성 요소에 클래스를 추가하는 경우 여러 구성 요소를 추가하려면 어떻게해야합니까? 다음은 클래스 변수입니다. const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); 사용 방법은 다음과 같습니다. return ( <div className={ this.props.classes.container }> 위는 작동하지만 classNamesnpm 패키지 …

92 css  reactjs  material-design  material-ui  jss 

나는이 예를 따르고있다 http://www.androidhive.info/2015/04/android-getting-started-with-material-design/ 이 예에서는 햄버거 아이콘이 흰색으로 표시됩니다. 사용자 정의하고 검정색으로 만들고 싶지만 변경 방법에 대한 내용을 찾을 수 없습니다. 사용자 정의 방법을 알 수 있습니까? 명백한 <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="info.androidhive.materialdesign" > <uses-permission android:name="android.permission.INTERNET"></uses-permission> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"></uses-permission> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/MyMaterialTheme" > <activity android:name=".activity.MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" …

88 java  android  user-interface  material-design  navigation-drawer 

Android 디자인 지원 라이브러리를 사용하여 구성 요소 TextInputLayout위에 부동 레이블을 배치 한 후 EditText구성 요소에 부동 레이블을 추가하는 방법이 있는지 궁금합니다 Spinner(반드시 디자인 라이브러리를 사용하지 않음). 이것은 TextView위에 배치 된 것과 같은 것을 의미 하지만 Spinner(분명히와 같은 애니메이션이 없음 TextInputLayout) 텍스트 크기, 글꼴 및 색상이 TextInputLayout의 부동 레이블 과 일치하기를 …

87 android  android-layout  android-spinner  material-design  android-textinputlayout 

Android 프로젝트에서 작업 중이며 Navigation Drawer를 구현하고 있습니다. 새로운 머티리얼 디자인 사양 과 머티리얼 디자인 체크리스트를 읽고 있습니다. 사양에 따르면 슬라이드 아웃 창은 상태 표시 줄을 포함한 다른 모든 것 위에 떠 있어야하며 상태 표시 줄 위에 반투명해야합니다. 내 탐색 패널이 상태 표시 줄 위에 있지만 투명성이 없습니다. Google 개발자 …

86 android  navigation-drawer  android-5.0-lollipop  material-design 

이미지에서 볼 수 있듯이 Button. Button둥근 모서리로 만들었습니다 . 그러나 문제는 그 뒤에 그림자를 생성 할 수 없다는 것입니다 Button. 이것을 어떻게 달성 할 수 있습니까?

86 android  material-design  shadow 

Android 지원 라이브러리에서 FloatingActionButton을 수정하는 방법을 알아 내려고 노력 중입니다. 이미지 대신 텍스트와 함께 사용할 수 있습니까? 다음과 같은 것 : ImageButton을 확장하므로 생각하지 않습니다. 내가 맞아? 일반적으로 머티리얼 디자인 측면에서 이것이 맞습니까?

85 android  material-design  android-support-library  floating-action-button 

최근에 지원 라이브러리에서 com.google.android.material : material : 1.0.0으로 전환했습니다. 하지만 이제 문제가 있습니다.이 페이지에는 https://github.com/material-components/material-components-android/blob/master/docs/getting-started.md 메모가 있습니다. 참고 : 재료 구성 요소 테마를 사용하면 기본 구성 요소를 해당 재료 구성 요소로 대체하는 사용자 정의보기 팽창기를 사용할 수 있습니다. 현재는 Button XML 구성 요소 만 MaterialButton으로 대체됩니다. 그리고 내가 사용하는 테마 …

83 android  material-design  android-alertdialog  android-styles  material-components-android 

이 방법 에 따라 내 앱의 머티리얼 디자인을 얻으려고합니다 . 앱을 실행할 때마다 다음 오류가 표시됩니다. android.support.v7.widget.Toolbar 클래스를 확장하는 중에 오류가 발생했습니다. appcompat을 제대로 추가했는지 확인했습니다. 그러나 그것은 모두 나에게 정확합니다. 그래서 내가 뭘 잘못하고 있는지 말 해주세요. build.gradle apply plugin: 'com.android.application' android { compileSdkVersion 21 buildToolsVersion '21.0.2' defaultConfig { …

82 android  android-appcompat  material-design 

나는 a TabLayout와 함께 사용하고 있으며 ViewPagerTabLayout에서 선택한 탭의 아이콘 색상을 가장 효율적으로 변경할 수있는 방법이 궁금합니다. 이것이 어떻게 구현되는지에 대한 완벽한 참조는 Google의 Youtube 앱 입니다. 메인 페이지에는 짙은 회색으로 표시된 4 개의 아이콘이 있습니다. 특정 탭을 선택하면 탭 아이콘이 흰색으로 바뀝니다. 타사 라이브러리없이 어떻게 동일한 효과를 얻을 수 …

82 java  android  mobile  material-design  android-tablayout 

com.android.support:design:22.2.0도서관 에서 스낵바를 사용하고 있습니다. 삭제를 취소하는 데 사용하고 있습니다. 내 삶을 더 쉽게 만들기 위해 UI를 실제로 데이터 소스에서 삭제 된 것처럼 보이게 만들고 스낵바의 실행 취소 버튼을 누르지 않으면 실제로 데이터 소스에서 삭제를 수행합니다. 따라서 Snackbar가 더 이상 표시되지 않는시기를 알고 싶으므로 항목을 삭제하는 것이 안전합니다. Snackbar에서 getView …

82 android  material-design  android-design-library  android-snackbar  snackbar 

Google의 Inbox 앱에서 새 이메일을 작성하는 것을 보았습니다. 툴바에는 뒤로 버튼 (화살표) 대신 "닫기"버튼이 있습니다 (그림 참조). 이것을 어떻게 달성 할 수 있습니까?

81 android  android-actionbar  material-design 

이 튜토리얼 을 사용 하여 Flexible Space 패턴 (축소 도구 모음이있는 패턴)을 구현합니다. Lollipop 연락처 활동 에서와 유사한 효과를 얻으려고합니다. 활동을 시작하는 동안보기는 이미지 헤더의 일부일뿐입니다. 그런 다음 사용자는 이미지 아래의 레이아웃을 아래로 스크롤하여 최대 값에 도달 할 때까지 더 많이 표시 할 수 있습니다. 내 앱에서 작동하도록 관리 할 …

80 java  android  android-layout  material-design  android-collapsingtoolbarlayout 

하단 시트 사양을 어떻게 구현합니까? http://www.google.com/design/spec/components/bottom-sheets.html Google 드라이브의 새로운 업데이트는 플로팅 작업 버튼 누름-> 허용되는 사양은 가능 여부에 관계없이 둥근 모서리에 대해 아무 말도하지 않고 어떻게해야할지 확신 할 수 없습니다. 현재 AppCompat 라이브러리를 사용하고 있으며 대상은 21로 설정되어 있습니다. 감사

79 android  android-5.0-lollipop  material-design  floating-action-button