Android移動(dòng)開(kāi)發(fā)recycleView的頁(yè)面點(diǎn)擊跳轉(zhuǎn)設(shè)計(jì)實(shí)現(xiàn)
一.目的
回顧前兩次的過(guò)程和效果以及本次任務(wù)以及最終效果視圖:
(1)第一次實(shí)現(xiàn)界面設(shè)計(jì)和界面跳轉(zhuǎn),示例如下:

(2)第二次是在頁(yè)面中設(shè)計(jì)出自己喜歡的布局并加以實(shí)現(xiàn),我實(shí)現(xiàn)的是瀑布流式的布局,如下:

(3)第三次就是這次的任務(wù):Activity頁(yè)面跳轉(zhuǎn)(實(shí)現(xiàn)recycleView的頁(yè)面進(jìn)行點(diǎn)擊跳轉(zhuǎn)),效果如下:

二.具體代碼和頁(yè)面介紹
1.編輯詳情頁(yè)面
即點(diǎn)擊后的界面的樣式,代碼以及樣式圖如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".CardInfoActivity">
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<ImageView
android:id="@+id/card_info_image"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:transitionName="card_info_image"
tools:srcCompat="@tools:sample/avatars" />
<TextView
android:id="@+id/card_info_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="TextView"
android:textSize="30sp" />
</LinearLayout>
</ScrollView>
</LinearLayout>
因?yàn)槲业恼麄€(gè)界面是一些好看的圖片,因此我覺(jué)得放大圖片更好的觀賞更為重要,在這里同樣運(yùn)用和之前一樣的同比例地放大和縮小圖片的方式,可以根據(jù)自己的具體內(nèi)容進(jìn)行分析。在新的Activity中表現(xiàn)出來(lái)
//這個(gè)activity是用來(lái)展示對(duì)應(yīng)card信息的activity
public class CardInfoActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_card_info);
//獲取傳遞來(lái)的信息
ImageView card_info_image=(ImageView) findViewById(R.id.card_info_image);
TextView card_info_title=(TextView) findViewById(R.id.card_info_title);
Intent intent=getIntent();
Bundle bundle=intent.getExtras();
card_info_image.setImageResource(bundle.getInt("cardImageId"));
card_info_title.setText(bundle.getString("cardTitle"));
//修改圖片的高度
ViewGroup.LayoutParams params = card_info_image.getLayoutParams();
//TODO 顯然,這高度是由這個(gè)參數(shù)決定的,如果我們知道了寬的大小width,那么我們就能知道實(shí)際縮放比
//獲取屏幕的寬度
int screenWidth = ScreenUtil.getScreenWidth(this);
//Log.d("height",String.valueOf(screenWidth));
//調(diào)整放入圖片的大小,保證寬一定是屏幕的一半,高度隨著縮放而改變
float scale = (float)bundle.getInt("height") / (float)bundle.getInt("width");
params.height = (int) (screenWidth * scale)+200;
card_info_image.setLayoutParams(params);
}
}2.在原Fragment頁(yè)面(首頁(yè))添加點(diǎn)擊跳轉(zhuǎn)功能(我這就是WechatFragment)
//設(shè)置Myadapter的Item監(jiān)聽(tīng)
myadapter.setOnRecyclerItemClickListener(new OnRecyclerItemClickListener() {
@Override
public void onItemClick(int Position, List<Myadapter.Card> cards) {
/* 跳轉(zhuǎn)至另一個(gè)activity */
Intent intent=new Intent(getActivity(),CardInfoActivity.class);
//傳遞相應(yīng)的參數(shù)
//我們需要把構(gòu)成一個(gè)圖片的信息傳遞過(guò)去
Bundle bundle=new Bundle();
bundle.putInt("cardImageId",cards.get(Position).getImageId());
bundle.putString("cardTitle",cards.get(Position).getTitle());
bundle.putInt("height",cards.get(Position).getHeight());
bundle.putInt("width",cards.get(Position).getWidth());
intent.putExtras(bundle);
//啟用共享組件的activity過(guò)渡
//所選擇的共享元件,這個(gè)元件是當(dāng)前頁(yè)面的元件
//獲取item的ViewHolder
Log.d("myposition-firstPo", Arrays.toString(firstStaggeredGridPosition));
Log.d("myposition-actPo", String.valueOf(Position));
Log.d("myposition-lastPo", Arrays.toString(lastStaggeredGridPosition));
//因?yàn)槲沂褂玫氖荢taggeredGridLayoutManager
RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
//由于瀑布流是兩列,這里是為了獲得處在頁(yè)面的最小值
int realFirstPosition=Math.min(firstStaggeredGridPosition[0],firstStaggeredGridPosition[1]);
Myadapter.MyViewHolder viewHolder=(Myadapter.MyViewHolder)recyclerView.getChildViewHolder(recyclerView.getChildAt(Position-realFirstPosition));
ImageView card_info_image= viewHolder.inserimage;
ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(getActivity(),
Pair.create(card_info_image, "card_info_image"));
startActivity(intent,options.toBundle());
}
});在Myadapter中設(shè)計(jì)監(jiān)聽(tīng)接口
//自定義監(jiān)聽(tīng)接口
interface OnRecyclerItemClickListener {
//RecyclerView的點(diǎn)擊事件,將信息回調(diào)給view
void onItemClick(int Position, List<Myadapter.Card> datas);
}三.倉(cāng)庫(kù)代碼
https://github.com/1224286059/XC_HomeWork1
以上就是Android移動(dòng)開(kāi)發(fā)recycleView的頁(yè)面點(diǎn)擊跳轉(zhuǎn)設(shè)計(jì)實(shí)現(xiàn)的詳細(xì)內(nèi)容,更多關(guān)于recycleView頁(yè)面點(diǎn)擊跳轉(zhuǎn)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
- Android跳轉(zhuǎn)系統(tǒng)設(shè)置Settings的各個(gè)界面詳解
- 分析Android 11.0Settings源碼之主界面加載
- 詳解Android 7.0 Settings 加載選項(xiàng)
- Android開(kāi)發(fā)Intent跳轉(zhuǎn)傳遞list集合實(shí)現(xiàn)示例
- Android開(kāi)發(fā)微信小程序路由跳轉(zhuǎn)方式
- Android Studio實(shí)現(xiàn)QQ的注冊(cè)登錄和好友列表跳轉(zhuǎn)
- Android實(shí)現(xiàn)WebView點(diǎn)擊攔截跳轉(zhuǎn)原生
- Android?Settings?跳轉(zhuǎn)流程方法詳解
相關(guān)文章
Android4.0.x Home鍵事件攔截監(jiān)聽(tīng)的方法
這篇文章主要介紹了Android4.0.x Home鍵事件攔截監(jiān)聽(tīng)的方法,對(duì)比分析了2.3.x的實(shí)現(xiàn)方法,分析了4.0.x實(shí)現(xiàn)Home鍵事件攔截監(jiān)聽(tīng)的相關(guān)技巧,需要的朋友可以參考下2016-02-02
Android自定義View仿微博運(yùn)動(dòng)積分動(dòng)畫(huà)效果
這篇文章主要為大家詳細(xì)介紹了Android自定義View仿微博運(yùn)動(dòng)積分動(dòng)畫(huà)效果,開(kāi)啟了自定義view學(xué)習(xí)旅程,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05
Android 實(shí)現(xiàn)文字左右對(duì)齊
這篇文章主要介紹了Android 實(shí)現(xiàn)文字左右對(duì)齊效果的方法,幫助大家更好的理解和學(xué)習(xí)使用Android,感興趣的朋友可以了解下2021-05-05
Android 10 啟動(dòng)之servicemanager源碼解析
這篇文章主要為大家介紹了Android 10 啟動(dòng)之servicemanager源碼解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10
Android檢測(cè)IBeacon熱點(diǎn)的方法
這篇文章主要介紹了Android檢測(cè)IBeacon熱點(diǎn)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-10-10
Android中的sqlite查詢數(shù)據(jù)時(shí)去掉重復(fù)值的方法實(shí)例
今天小編就為大家分享一篇關(guān)于Android中的sqlite查詢數(shù)據(jù)時(shí)去掉重復(fù)值的方法實(shí)例,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧2019-01-01
Android?ViewPager2?+?Fragment?聯(lián)動(dòng)效果的實(shí)現(xiàn)思路
這篇文章主要介紹了Android?ViewPager2?+?Fragment?聯(lián)動(dòng),本篇主要介紹一下 ViewPager2 + Fragment聯(lián)動(dòng)效果的實(shí)現(xiàn)思路,需要的朋友可以參考下2022-12-12

