2016-11-13 30 views
5

Czy można zmienić animację pokazu okna dialogowego w materiale-ui, aby zareagować za pomocą css? Nie jestem zaawansowany w css ale wiem, że istnieje coś takiego jak transtion i transformacja.Zmiana animacji okna dialogowego materiał-ui

+1

Jest to możliwe, po prostu wyłącz animację dafault i dodaj własny. Możesz dodać podstawową animację przez jQuery/javascript lub używając "transformacji" CSS i "przejścia", to prawda. –

Odpowiedz

1

Komponent okna dialogowego udostępnia propozycję przejścia, która może zastąpić wartość domyślną. Jest to przykład w Dialog demo (oznaczonego prowadnicy w Alert Dialog), który wykorzystuje ich przewidzianego przejście suport:

import Slide from 'material-ui/transitions/Slide'; 

następnie:

<Dialog open={this.state.open} transition={Slide} onRequestClose={this.handleRequestClose}> 

są tu elementy przejściowe stanowią one:

Jeśli żadna z nich służyć swój cel, można wykorzystać je jako punkt wyjścia do tworzenia własnych składnik Transition.