Android使用Scroll+Fragment仿京東分類效果
本文實(shí)例為大家分享了Android九宮格圖片展示的具體代碼,供大家參考,具體內(nèi)容如下
實(shí)現(xiàn)思路:首先說下布局,整個是一個橫向的線性布局,左邊是一個ScrollView,右邊是一個FrameLayout,在代碼中動態(tài)向ScrollView中添加TextView,然后根據(jù)TextView的點(diǎn)擊事件使用Fragment替換FrameLayout
首先看下布局:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" tools:context="www.jdsort.com.jdsort.MainActivity"> <ScrollView android:id="@+id/scrollview" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:scrollbars="none"> <LinearLayout android:id="@+id/linearlayout" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center_horizontal" android:orientation="vertical" /> </ScrollView> <FrameLayout android:id="@+id/framelayout" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="3"/> </LinearLayout>
MainActivity代碼:
public class MainActivity extends FragmentActivity implements View.OnClickListener { private String[] titles={"常用分類","潮流女裝","品牌男裝","內(nèi)衣配飾","家用電器","手機(jī)數(shù)碼","電腦辦公","個護(hù)化妝","母嬰頻道","食物生鮮","酒水飲料","家居家紡","整車車品","鞋靴箱包","運(yùn)動戶外","圖書","玩具樂器","鐘表","居家生活","珠寶飾品","音像制品","家具建材","計(jì)生情趣","營養(yǎng)保健","奢侈禮品","生活服務(wù)","旅游出行"}; private ScrollView mScrollView; private FrameLayout mFrameLayout; //裝裝ScrollView的item的TextView的數(shù)組 private TextView[] textViewArray; //裝ScrollView的item的數(shù)組 private View[] views; Context context; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); context=this; textViewArray=new TextView[titles.length]; views=new View[titles.length]; initView(); getSupportFragmentManager().beginTransaction().replace(R.id.framelayout,new FragmentOne()).commit(); } private void initView() { mScrollView= (ScrollView) findViewById(R.id.scrollview); addView(); changeTextColor(0); mFrameLayout= (FrameLayout) findViewById(R.id.framelayout); } /** * 給ScrollView添加子View */ private void addView() { LinearLayout mLinearLayout= (LinearLayout) findViewById(R.id.linearlayout); View view; for(int x=0;x<titles.length;x++){ view = View.inflate(this, R.layout.item_scrollview, null); view.setId(x); view.setOnClickListener(this); TextView tv= (TextView) view.findViewById(R.id.textview); tv.setText(titles[x]); mLinearLayout.addView(view); textViewArray[x]=tv; views[x]=view; } } @Override public void onClick(View v) { ToastUtils.showToast(this,titles[(int) v.getId()]); changeTextColor((int) v.getId()); changeTextLocation((int) v.getId()); Fragment fragment=null; switch (v.getId()){ case 0: fragment=new FragmentOne(); break; case 1: fragment=new Fragment1(); break; case 2: fragment=new Fragment2(); break; case 3: fragment=new Fragment3(); break; case 4: fragment=new Fragment4(); break; case 5: fragment=new Fragment5(); break; case 6: fragment=new Fragment6(); break; case 7: fragment=new Fragment7(); break; } if(fragment!=null){ getSupportFragmentManager().beginTransaction().replace(R.id.framelayout,fragment).commit(); } } /** * 改變textView的顏色 * @param id */ private void changeTextColor(int id) { for (int i = 0; i < textViewArray.length; i++) { if(i!=id){ textViewArray[i].setBackgroundResource(android.R.color.transparent); textViewArray[i].setTextColor(0xff000000); }else { textViewArray[id].setBackgroundResource(android.R.color.white); textViewArray[id].setTextColor(0xffff5d5e); } } } /** * 改變欄目位置 */ private void changeTextLocation(int index) { //views[clickPosition].getTop()針對其父視圖的頂部相對位置 int x = (views[index].getTop() - mScrollView.getHeight() / 2); mScrollView.smoothScrollTo(0, x); } }
源碼等上傳上去會再次發(fā)布鏈接,如果那里寫的不好,歡迎私信,評論指導(dǎo)
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android Studio控制臺出現(xiàn)中文亂碼(方框)問題解決辦法
這篇文章主要介紹了Android Studio控制臺出現(xiàn)中文亂碼(方框)問題解決辦法的相關(guān)資料,需要的朋友可以參考下2017-06-06Android編程實(shí)現(xiàn)顯示在標(biāo)題上的進(jìn)度條功能【附源碼下載】
這篇文章主要介紹了Android編程實(shí)現(xiàn)顯示在標(biāo)題上的進(jìn)度條功能,涉及Android界面布局及相關(guān)組件屬性設(shè)置技巧,并附帶完整實(shí)例源碼供讀者下載參考,需要的朋友可以參考下2018-01-01簡單掌握Android開發(fā)中彩信的發(fā)送接收及其附件的處理
這篇文章主要介紹了簡單掌握Android開發(fā)中彩信的發(fā)送接收及其附件的處理,由于微信的流行,使用彩信的用戶已經(jīng)很少了,簡單了解即可,需要的朋友可以參考下2016-02-02基于Android實(shí)現(xiàn)點(diǎn)擊某個按鈕讓菜單選項(xiàng)從按鈕周圍指定位置彈出
這篇文章主要介紹了基于Android實(shí)現(xiàn)點(diǎn)擊某個按鈕讓菜單選項(xiàng)從按鈕周圍指定位置彈出的相關(guān)資料,需要的朋友可以參考下2015-12-12使用RoundedBitmapDrawable生成圓角圖片的方法
由于RoundedBitmapDrawable類沒有直接提供生成圓形圖片的方法,所以生成圓形圖片首先需要對原始圖片進(jìn)行裁剪,將圖片裁剪成正方形,最后再生成圓形圖片,具體實(shí)現(xiàn)方法,可以參考下本文2016-09-09Android Studio之Debug運(yùn)行期代碼植入的方法
這篇文章主要介紹了Android Studio之Debug運(yùn)行期代碼植入的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07JetpackCompose Navigation導(dǎo)航實(shí)現(xiàn)流程
Navigation是Jetpack用于Android導(dǎo)航的組件,作用是處理頁面跳轉(zhuǎn),以及頁面跳轉(zhuǎn)過程中的交互。使用Navigation,你就需要為每個頁面設(shè)定一條唯一路徑,它是一個String常量,形式是DeepLink的樣子,從一個頁面跳轉(zhuǎn)到另一個頁面,它通過輸入目的地的路徑進(jìn)行轉(zhuǎn)跳2023-01-01