# Örnek-6: Özel Geçiş Animasyonu Hazırlama
Bu dersimizde özelleştirilmiş bir geçiş animasyonunun nasıl kullanılacağını öğreneceğiz. Yukarıda da sözünü ettiğimiz gibi şimdiye kadar ki örneklerimizde sayfalar arasındaki geçişlerimizde Android'in bize sağladığı varsayılan geçiş olanaklarını kullandık. O da düz ve animasyon içermeyen bir geçiş sitemiydi.
Bu örneğimiz için aşağıdaki ekranı kullanacağım. **BlankFragment** içerisindeki **FRAGMENT 4'E GİT** butonuna basıldığında **BlankFragment4**'e gidecek ve gittiği sayfadan geri dönüldüğünde animasyonlu bir geçiş yapmasını sağlayacağım.
Bunun için **res** klasörünün altında **anim** klasörü oluşturarak aşağıdaki **4 dosyayı** buraya ekliyorum.
**slide\_in\_left.xml**
```markup
```
**slide\_in\_right.xml**
```markup
```
**slide\_out\_left.xml**
```markup
```
**slide\_out\_right.xml**
```markup
```
Şimdi **BlankFragment.kt** içerisine geçip aşağıdaki düzenlemeleri yapıyorum.
```kotlin
class BlankFragment : Fragment() {
override fun onCreateView(
inflater: LayoutInflater, container: ViewGroup?,
savedInstanceState: Bundle?
): View? {
return inflater.inflate(R.layout.fragment_blank, container, false)
}
override fun onActivityCreated(savedInstanceState: Bundle?) {
super.onActivityCreated(savedInstanceState)
val options = navOptions {
anim {
enter = R.anim.slide_in_right
exit = R.anim.slide_out_left
popEnter = R.anim.slide_in_left
popExit = R.anim.slide_out_right
}
}
btn.setOnClickListener {
val action = BlankFragmentDirections.actionBlankFragmentToBlankFragment4(etName.text.toString())
findNavController().navigate(action, options)
}
}
}
```
Burada iki yeni kod şeklim var. Birincisi **findNavController**'a ait navigate metoduna yeni bir parametre geçiyorum, **navOptions**. İkincisi de **findNavController**'a parametre olarak verilecek **navOptions**'ı kullanarak gerekli parametreleri taşıyacak options değişkenimi oluşturmak. Tüm yapmam gereken yalnızca bu kadar! Uygulamamızı çalıştırıp test edebilirsiniz.
Yukarıdaki anlatım şeklimiz **navOptions**'ı kullanmanın kod haliydi. İsterseniz aynı işlemi **XML** dosyası üzerinden de gerçekleştirebilirisiniz.
Öncelikle nav\_graph.xml'i açalım ve aşağıdaki gibi **BlankFragment**'ten **BlankFragment4**'e giden action'ı düzenleyelim.
```kotlin
```
Yeri gelmişken belirtelim. Vermiş olduğumuz parametreler de şu anlama geliyor.
**enterAnim:** Bir hedefe giriş\
**exitAnim:** Bir varış yerinden çıkma\
**popEnterAnim:** Bir pop eylemi ile bir hedefe giriş\
**popExitAnim:** Bir pop eylemi ile varış yerinden çıkma
Dikkat edeceğiniz gibi biraz önce kod üzerinden yaptığımız **animasyon** atamalarını **XML** üzerinde yapmış olduk. Buna göre de **BlankActivity.kt** dosyasını aşağıdaki gibi düzenleyebiliriz.
```kotlin
class BlankFragment : Fragment() {
override fun onCreateView(
inflater: LayoutInflater, container: ViewGroup?,
savedInstanceState: Bundle?
): View? {
return inflater.inflate(R.layout.fragment_blank, container, false)
}
override fun onActivityCreated(savedInstanceState: Bundle?) {
super.onActivityCreated(savedInstanceState)
btn.setOnClickListener {
val action = BlankFragmentDirections.actionBlankFragmentToBlankFragment4(etName.text.toString())
findNavController().navigate(action)
}
}
}
```
Sonuç yine aynı olacaktır.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://egemen-mede.gitbook.io/jetpack-navigation/11.-talk-is-cheap-show-me-the-code/oernek-6-oezel-gecis-animasyonu-hazirlama.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.