前提・実現したいこと
Kotlin初心者です。
android.studioでフォトビューアーアプリを開発しています。
メインの画面に表示した写真を押すと、サブ画面にShared Elementsを使って遷移するように実装したいのですが、
(具体的なイメージは、こちらリンク先の動画の挙動です。お手数ですがよろしければご確認お願いいたします。➡︎Start an activity using an animation)
val options = ActivityOptionsCompat
.makeSceneTransitionAnimation(this, holder.imageView, holder.transName)
↑の「makeSceneTransitionAnimation」にエラー表示が出ます。
エラー内容
none of the following functions can be called with the arguments supplied
該当のソースコード
kotlin
1class MainActivity : AppCompatActivity() { 2 3 override fun onCreate(savedInstanceState: Bundle?) { 4 super.onCreate(savedInstanceState) 5 6 // レイアウトファイルのセット 7 setContentView(R.layout.activity_main) 8 9 // Retrofitクライアントの取得 10 val retrofit = Retrofit.Builder().baseUrl("https://newsapi.org/").addConverterFactory(GsonConverterFactory.create()).build() 11 // APIエンドポイントの生成 12 val api = retrofit.create(ApiService::class.java) 13 // 引数によってapiエンドポイントを指定し、リクエスト 14 api.getNews("指定のapi", "jp").enqueue(object: Callback<ResponseData> { 15 16 // 通信が失敗したときの処理 17 override fun onFailure(call: Call<ResponseData>?, t: Throwable?) { 18 // 今回は失敗したときは無視。 19 } 20 21 // 通信が成功したときの処理 22 override fun onResponse(call: Call<ResponseData>?, response: Response<ResponseData>?) { 23 // レスポンスのnullチェック 24 val res = response?.body() ?: return 25 26 // NewsAdapterへ渡すデータセットを作成 27 val dataset = res.articles.filter { !it.title.isNullOrEmpty() } 28 29 findViewById<RecyclerView>(R.id.list).apply(){ 30 // リストの罫線を設定 31 addItemDecoration(DividerItemDecoration(this@MainActivity, DividerItemDecoration.VERTICAL)) 32 // 生成したLinearLayoutManagerをセット 33 layoutManager = GridLayoutManager(this@MainActivity,2) 34 // RecyclerViewの生成したNewsAdapter をセット 35 adapter = NewsAdapter(this@MainActivity, dataset) 36 37 } 38 } 39 }) 40 } 41} 42
kotlin
1 2class NewsAdapter(private val context: Context, private val dataset: List<Article>): RecyclerView.Adapter<NewsViewHolder>() { 3 4 // 1行のレイアウトをセットします 5 override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): NewsViewHolder { 6 return NewsViewHolder(LayoutInflater.from(parent.context).inflate(R.layout.news_row, parent, false)) 7 } 8 9 // リストに表示する行数を返します 10 override fun getItemCount(): Int { 11 return dataset.size 12 } 13 14 // 1行のレイアウトの内容をセットします 15 override fun onBindViewHolder(holder: NewsViewHolder, position: Int) { 16 // この行の記事を取得 17 val article = dataset[position] 18 19 // GlideによりimageToUrlの画像を holder.imageView にセット 20 val options = RequestOptions().centerCrop() 21 Glide.with(context).load(article.urlToImage).apply(options).into(holder.imageView!!) 22 23 // サマリ・公開日をそれぞれセット 24 // (公開日は時間まで含まれているのではじめの10文字を切り抜き年月日のみが表示される用に加工しています) 25 holder.descriptionText!!.text = article.title 26 holder.publishText?.text = article.publishedAt?.substring(0, 10) 27 28 //行全体に対してクリック時の処理をセット 29 holder.imageView?.setOnClickListener { 30 31 val intent = Intent(context, SubActivity::class.java) 32 33 val options = ActivityOptionsCompat 34 .makeSceneTransitionAnimation(this, holder.imageView, holder.transName) 35 startActivity(context, intent, options.toBundle()) 36 } 37} 38
xml
1<?xml version="1.0" encoding="utf-8"?> 2<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 xmlns:app="http://schemas.android.com/apk/res-auto" 4 xmlns:tools="http://schemas.android.com/tools" 5 android:layout_width="match_parent" 6 android:layout_height="match_parent" 7 tools:context="com.re_engines.sample.sharedelement.MainActivity"> 8 9 <android.support.v7.widget.RecyclerView 10 android:id="@+id/list" 11 android:layout_width="match_parent" 12 android:layout_height="match_parent" 13 android:transitionName="@+string/trans_name" tools:ignore="UnusedAttribute"/> 14 15</android.support.constraint.ConstraintLayout>
試したこと
構造はこちらの記事を真似しました
→Androidハンズオン
その他参考にしたURL:
ユーザ体験を維持した遷移アニメーションの実装
[Androidアニメーション]Shared Elements遷移
上記URL先のコードと同じように実装したのですが、うまくいきません。
心が折れそうになったので投稿させていただきました。
お手数ですが、アドバイスをいただけたら幸いです。
宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/14 22:53