跳到主要內容

[Android] ViewPager+Radio Button實現使用者導覽效果

延續上篇：利用ViewPager切換Fragment，實作完後只要再加上Radio Button就可以實現像是使用者導覽的效果。

Step1 設計Radio Button樣式

先要實作圈圈的樣式，分為：當前頁面、其他頁面
新增兩個檔案：dot_blue.xml、dot_grey.xml至drawable資料夾中
dot_grey.xml做法一樣，只是把顏色換掉而已

再來要設定Radio Button切換的樣式
新增一個檔案：radio_background.xml至drawable資料夾中
最後在styles.xml中新增Radio Button的樣式

Step2 在activity_main.xml中加上RadioGroup的標籤


Step3 在MainActivity.java中設定Radio Button

宣告Radio Group並加入ViewPager的.OnPageChangeListener()監聽器，來控制Radio Button顯示的樣式


執行結果：


參考來源：賽肥膩膩

標籤：

留言

張貼留言

這個網誌中的熱門文章

[Android] 使用shape自訂形狀及陰影

shape可以定義下面四種類型的形狀：     rectangle－ 矩形（直角矩形、圓角矩形），默認的形狀     oval－ 橢圓形、圓形     line－ 線形（實線、虛線）     ring－ 環形、環形進度條 rectangle 執行結果： 如果填色要填入漸層色的話，需要將solid標籤改成gradient標籤，用法如下： 執行結果： oval 執行結果： oval和ring的漸層有三種類型（android:type）：linear（線性）、radial（放射性）、sweep（掃描） 如果漸層效果為radial（放射性）的話，必須加上android:gradientRadius屬性（指定漸層的半徑）。 執行結果： line 線的高度是透過stroke的android:width屬性設置，而size的android:height是定義整個形狀區域的高度，所以 size的height必須大於stroke的width 。 執行結果： ring 屬於ring的屬性：     android:innerRadius 內環的半徑     android:thickness 環的厚度     android:useLevel 一般設為false，要不然環可能會無法顯示 執行結果： 將環設計成環狀進度條的樣式： 1，在shape標籤外再加上rotate標籤 rotate屬性：     android:fromDegrees：開始旋轉的角度位置     android:toDegrees：結束時轉到的角度位置     android:pivotX：旋轉起點的X軸座標位置，可以是數值、百分比、百分比p     android:pivotY：旋轉起點的Y軸座標位置，可以是數值、百分比、百分比p 2，在style.xml裡加上style樣式 3，在activity_main.xml裡加上progressBar標籤...
張貼留言
閱讀完整內容

[隋堂筆記] Android 利用BaseAdapter來自訂ListView

BaseAdapter 可以讓使用者自己定義許多種 View ，像是 Spinner, ListView, GridView等，而且 可以重用View來節省資源 ：使用setTag將View存起來，之後就可以利用getTag將數據取出來 Step1  在activity_main.xml中新增ListView 例如： Step2 在layout中新增list_content.xml，並排好想要的ListView item佈局 Step3 在MainActivity.java 新增一個類別BA並繼承BaseAdapter 透過繼承 BaseAdapter，我們可以重新覆寫4個方法：     public int getCount();     取得 ListView 列表 Item 的數量。通常數量就是從建構子傳入的陣列或是集合大小。     public Object getItem(int position);     取得 ListView 列表於 position 位置上的 Item。position 通常是資料在陣列或是集合上的位置。     public long getItemId(int position);     取得 ListView 列表於 position 位置上的 Item 的 ID，一般用 position 的值即可。     public View getView(int position, View view, ViewGroup viewGroup);     通常會設定與回傳View 作為顯示在這個 position 位置的 Item 的 View。 基本上只要處理兩個方法 getCount跟getView即可。 getCount回傳我所宣告的String陣列st1的長度。 在getView之前，要先取得LayoutInflater 再來要先宣告一個類別viewHolder，用來存放list_content.xml內所有元件的內容 接著判斷view是否為空，如果為空就要...
張貼留言
閱讀完整內容

[Android] 簡介-頁面左右滑動切換的方式

頁面左右滑動切換的三種方式： ViewPager、ViewFlipper、ViewFlow ViewPager 繼承自android-support-v4.jar，所以3.0以前的版本需要導入此jar檔 比ViewFlipper更適合複雜的View切換 詳細ViewPager的實作方法 ViewFlipper 使用上比ViewPager簡單，但是缺點是必須等到gesture結束才會翻頁，在操作上就少了一些流暢性 如果是在同一個Activity要作滑動效果，使用ViewFlipper會比較省事 適合有限的少數頁面切換，並且能自訂每一個切換動畫 詳細ViewFlipper的實作方法 ViewFlow 和ViewPager比較像 不是google官網的API，為GitHub上的開源項目 如果為不確定數目的View，可以考慮使用ViewFlow 參考資料： 風傾清凌 、 狂奔的蝸牛 、 值得嗎?
張貼留言
閱讀完整內容