鴻蒙第7課滑動(dòng)組件、tab組件服猪、滑動(dòng)頁(yè)面和文字雙向綁定(1)

1.滑動(dòng)組件Scrollview按鈕之間的相互鏈接

2.tab組件Tab和頁(yè)面聯(lián)動(dòng)的寫法

代碼

// 通過(guò)id獲取到tab標(biāo)簽欄

? ? ? ? TabList tabList=(TabList) findComponentById(ResourceTable.Id_tablist);

//? ? ? ? 獲取tab組件欄 并添加一個(gè)組件

? ? ? ? TabList.Tab tab=tabList.new Tab(getContext());

//? ? ? ? 設(shè)置tab的內(nèi)容

? ? ? ? tab.setText("推薦");

? ? ? ? //? ? ? ? 獲取tab組件欄 并添加一個(gè)組件

? ? ? ? TabList.Tab tab1=tabList.new Tab(getContext());

//? ? ? ? 設(shè)置tab的內(nèi)容

? ? ? ? tab1.setText("關(guān)注");

? ? ? ? //? ? ? ? 獲取tab組件欄 并添加一個(gè)組件

? ? ? ? TabList.Tab tab2=tabList.new Tab(getContext());

//? ? ? ? 設(shè)置tab的內(nèi)容

? ? ? ? tab2.setText("要文");

? ? ? ? //? ? ? ? 獲取tab組件欄 并添加一個(gè)組件

? ? ? ? TabList.Tab tab3=tabList.new Tab(getContext());

//? ? ? ? 設(shè)置tab的內(nèi)容

? ? ? ? tab3.setText("視頻");

//? ? ? ? 把組件添加上去

? ? ? ? tabList.addTab(tab);

? ? ? ? tabList.addTab(tab1);

? ? ? ? tabList.addTab(tab2);

? ? ? ? tabList.addTab(tab3);

//? _____________________________________________________

? ? ? ? //? ? ? ? 動(dòng)態(tài)新增tab組件欄 并添加一個(gè)組件

? ? ? ? TabList.Tab tab4=tabList.new Tab(getContext());

//? ? ? ? 設(shè)置tab的內(nèi)容

? ? ? ? tab4.setText("排榜");

? ? ? ? tabList.addTab(tab4,2);

? ? //? ? ——————————————————————————————————————————————————————

? ? ? //? 找到文本id

? ? ? ? Text text=(Text) findComponentById(ResourceTable.Id_tx1);

//? ? ? ? 重寫文本id

? ? ? ? tabList.addTabSelectedListener(new TabList.TabSelectedListener() {

//? ? ? ? ? ? 選中

? ? ? ? ? ? @Override

? ? ? ? ? ? public void onSelected(TabList.Tab tab) {

text.setText(tab.getText());? //選中后顯示的文本信息

? ? ? ? ? ? }

//? ? ? ? ? ? 從選中到未觸發(fā)的方法

? ? ? ? ? ? @Override

? ? ? ? ? ? public void onUnselected(TabList.Tab tab) {

}

//? ? ? ? 當(dāng)前tab已經(jīng)被選中,但再次被點(diǎn)擊的時(shí)候觸發(fā)

? ? ? ? ? ? @Override

? ? ? ? ? ? public void onReselected(TabList.Tab tab) {

text.setText(tab.getText()+"看過(guò)來(lái)拐云,看過(guò)來(lái)0罩怼!");? //點(diǎn)擊兩次后顯示的文本信息

? ? ? ? ? ? }

});

3.滑動(dòng)頁(yè)面PageSlide實(shí)現(xiàn)文字雙向綁定

1.主界面寫法

2.主界面的代碼導(dǎo)入

//---------標(biāo)簽頁(yè)代碼

? ? ? ? //獲取tablist組件id

? ? ? ? TabList tabList=(TabList) findComponentById(ResourceTable.Id_tab_list);

? ? ? ? //定義tablist數(shù)據(jù)

? ? ? ? String[] tabTags={"健康","運(yùn)動(dòng)","發(fā)現(xiàn)","我的"};

//? ? ? ? 創(chuàng)建一個(gè)子標(biāo)簽

//? ? ? ? 遍歷數(shù)組

? ? ? ? for (int i=0;i

//? ? ? ? 數(shù)組在本頁(yè)面找

? ? ? ? ? ? TabList.Tab tab=tabList.new Tab(this);

//? ? ? ? 數(shù)組的第i個(gè)標(biāo)簽

? ? ? ? ? ? tab.setText(tabTags[i]);

//? ? ? ? 添加到標(biāo)簽欄

? ? ? ? ? ? tabList.addTab(tab);

? ? ? ? }

3.新建立要設(shè)定的頁(yè)面

4.建立適配器叉瘩。也就是封裝類

代碼

//頁(yè)面工具類

public class PageProviderextends PageSliderProvider {

//? 需要顯示的數(shù)據(jù)

? ? private List list;

//? ? 頁(yè)面對(duì)象

private AbilitySliceslice;

//有參對(duì)象? 給數(shù)據(jù)和頁(yè)面對(duì)象賦值

? ? public PageProvider(List list, AbilitySlice slice) {

this.list = list;

? ? ? ? this.slice = slice;

? ? }

//? 獲取頁(yè)面視圖對(duì)象的個(gè)數(shù)

? ? @Override

? ? public int getCount() {

return list.size();

? ? }

//? 在指定的位置創(chuàng)建頁(yè)面視圖

? ? @Override

? ? public ObjectcreatePageInContainer(ComponentContainer componentContainer, int i) {

//? ? ? 獲取每個(gè)數(shù)據(jù)

? ? ? ? Integer id=list.get(i);

//? 獲取容器對(duì)象? 數(shù)據(jù)展示的位置

? ? ? ? Component component= LayoutScatter.getInstance(slice).parse(id,null,false);

//? ? ? 把對(duì)象添加到容器里面

? ? ? ? componentContainer.addComponent(component);

//? ? ? ? 把對(duì)象返回出來(lái)

? ? ? ? return component;

? ? }

//? 銷毀容器中的指定頁(yè)面

? ? @Override

? ? public void destroyPageFromContainer(ComponentContainer componentContainer, int i, Object o) {

componentContainer.removeComponent((Component) o);

? ? }

//? 頁(yè)面是否關(guān)聯(lián)指定的數(shù)據(jù)對(duì)象

? ? @Override

? ? public boolean isPageMatchToObject(Component component, Object o) {

return true;

? ? }

}

5.滑動(dòng)頁(yè)面顯示內(nèi)容

// 主頁(yè)面和其他頁(yè)面滑動(dòng)的代碼------------

//? ? ? ? 獲取頁(yè)面滑動(dòng)組件id

? ? ? ? PageSlider pageSlider=(PageSlider) findComponentById(ResourceTable.Id_page_slider);

//? ? ? ? ? ? 引出滑動(dòng)組件的方法

? ? ? ? List list=new ArrayList<>();

? ? ? ? list.add(ResourceTable.Layout_health);

? ? ? ? list.add(ResourceTable.Layout_sports);

? ? ? ? list.add(ResourceTable.Layout_find);

? ? ? ? list.add(ResourceTable.Layout_my);

//? ? ? ? 把頁(yè)面加載到適配器里里面

? ? ? ? PageProvider pageProvider=new PageProvider(list,this);

//? ? ? ? 適配器和pagerlider滑動(dòng)組件關(guān)聯(lián)

? ? pageSlider.setProvider(pageProvider);

? ? }

6.雙向聯(lián)動(dòng)效果展示(滑動(dòng)頁(yè)面和底部tab同步)

// 雙向聯(lián)動(dòng)效果展示

? ? ? ? pageSlider.addPageChangedListener(new PageSlider.PageChangedListener() {

@Override

//? ? ? ? ? ? 打開(kāi)頁(yè)面

? ? ? ? ? ? public void onPageSliding(int i, float v, int i1) {

}

@Override

? ? ? ? ? ? public void onPageSlideStateChanged(int i) {

}

@Override

? ? ? ? ? ? public void onPageChosen(int i) {

//? ? ? ? ? ? ? ? i當(dāng)前的索引? 角標(biāo)

? ? ? ? ? ? ? ? if (tabList.getSelectedTabIndex()!=i){

tabList.selectTabAt(i);

? ? ? ? ? ? ? ? }

}

});

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末膳帕,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子薇缅,更是在濱河造成了極大的恐慌危彩,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,252評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件泳桦,死亡現(xiàn)場(chǎng)離奇詭異汤徽,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)灸撰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,886評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門谒府,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人浮毯,你說(shuō)我怎么就攤上這事完疫。” “怎么了债蓝?”我有些...
    開(kāi)封第一講書人閱讀 168,814評(píng)論 0 361
  • 文/不壞的土叔 我叫張陵壳鹤,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我饰迹,道長(zhǎng)器虾,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 59,869評(píng)論 1 299
  • 正文 為了忘掉前任蹦锋,我火速辦了婚禮兆沙,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘莉掂。我一直安慰自己葛圃,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,888評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著库正,像睡著了一般曲楚。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上褥符,一...
    開(kāi)封第一講書人閱讀 52,475評(píng)論 1 312
  • 那天龙誊,我揣著相機(jī)與錄音,去河邊找鬼喷楣。 笑死趟大,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的铣焊。 我是一名探鬼主播逊朽,決...
    沈念sama閱讀 41,010評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼曲伊!你這毒婦竟也來(lái)了叽讳?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 39,924評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤坟募,失蹤者是張志新(化名)和其女友劉穎岛蚤,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體懈糯,經(jīng)...
    沈念sama閱讀 46,469評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡灭美,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,552評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了昂利。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片届腐。...
    茶點(diǎn)故事閱讀 40,680評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖蜂奸,靈堂內(nèi)的尸體忽然破棺而出犁苏,到底是詐尸還是另有隱情,我是刑警寧澤扩所,帶...
    沈念sama閱讀 36,362評(píng)論 5 351
  • 正文 年R本政府宣布围详,位于F島的核電站,受9級(jí)特大地震影響祖屏,放射性物質(zhì)發(fā)生泄漏助赞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,037評(píng)論 3 335
  • 文/蒙蒙 一袁勺、第九天 我趴在偏房一處隱蔽的房頂上張望雹食。 院中可真熱鬧,春花似錦期丰、人聲如沸群叶。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,519評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)街立。三九已至舶衬,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間赎离,已是汗流浹背逛犹。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,621評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留梁剔,地道東北人虽画。 一個(gè)月前我還...
    沈念sama閱讀 49,099評(píng)論 3 378
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像憾朴,于是被迫代替她去往敵國(guó)和親狸捕。 傳聞我的和親對(duì)象是個(gè)殘疾皇子喷鸽,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,691評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容