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)文章
Android GZip的使用-開(kāi)發(fā)中網(wǎng)絡(luò)請(qǐng)求的壓縮實(shí)例詳解
這篇文章主要介紹了Android GZip的使用-開(kāi)發(fā)中網(wǎng)絡(luò)請(qǐng)求的壓縮實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-11-11
android實(shí)現(xiàn)自動(dòng)滾動(dòng)的Gallary控件效果
這篇文章主要介紹了android實(shí)現(xiàn)自動(dòng)滾動(dòng)的Gallary控件效果,涉及Android中Gallary控件的相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
Android 自定義底部上拉控件的實(shí)現(xiàn)方法
下面小編就為大家分享一篇Android 自定義底部上拉控件的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
Android 序列化的存儲(chǔ)和讀取總結(jié)及簡(jiǎn)單使用
這篇文章主要介紹了Android 序列化的存儲(chǔ)和讀取總結(jié)及簡(jiǎn)單使用的相關(guān)資料,Serializable接口和Parcelable接口,本文對(duì)這兩種方式進(jìn)行簡(jiǎn)單的總結(jié)和使用,需要的朋友可以參考下2016-12-12
Android—基于微信開(kāi)放平臺(tái)v3SDK開(kāi)發(fā)(微信支付填坑)
這篇文章主要介紹了Android—基于微信開(kāi)放平臺(tái)v3SDK開(kāi)發(fā)(微信支付填坑),具有一定的參考價(jià)值,有需要的可以了解一下。2016-11-11

