Android類似設定列表分類顯示

阿新 • • 發佈：2019-02-08

在設定介面有很多設定項，有時需要分類顯示，如下所示，如設定項過多，還會用到ScrollView，這是一個很通用的介面，只需要設定一些圖片和佈局就能達到這種效果，不用寫幾行程式碼，下面就做下記錄，方便自己或有需要的朋友使用。

佈局檔案 main_settings.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eee"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:background="@drawable/title_bar"
        android:gravity="center_horizontal|center_vertical" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="設定"
            android:textColor="#ffffff"
            android:textSize="20sp" />
    </LinearLayout>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbarStyle="outsideOverlay" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/tv_info"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="14dp"
                android:background="@drawable/preference_first_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="個人資訊"
                android:textColor="#000"
                android:textSize="17sp" />

            <TextView
                android:id="@+id/tv_card"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/preference_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="二維碼名片"
                android:textColor="#000"
                android:textSize="17sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/preference_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="騰訊微博"
                android:textColor="#000"
                android:textSize="17sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/preference_last_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="二維碼名片"
                android:textColor="#000"
                android:textSize="17sp" />

            <!-- ******************************************************************** -->

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="14dp"
                android:background="@drawable/preference_first_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="我的帳號"
                android:textColor="#000"
                android:textSize="17sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/preference_last_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="手機通訊錄匹配"
                android:textColor="#000"
                android:textSize="17sp" />

            <!-- *********************************************************************** -->

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="14dp"
                android:background="@drawable/preference_single_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="聊天背景"
                android:textColor="#000"
                android:textSize="17sp" />

            <!-- *********************************************************************** -->

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="14dp"
                android:background="@drawable/preference_first_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="通用"
                android:textColor="#000"
                android:textSize="17sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/preference_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="外掛"
                android:textColor="#000"
                android:textSize="17sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/preference_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="黑名單"
                android:textColor="#000"
                android:textSize="17sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/preference_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="隱私"
                android:textColor="#000"
                android:textSize="17sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/preference_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="系統通知"
                android:textColor="#000"
                android:textSize="17sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/preference_last_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="流量統計"
                android:textColor="#000"
                android:textSize="17sp" />

            <!-- ******************************************************************** -->

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="14dp"
                android:background="@drawable/preference_first_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="幫助與反饋"
                android:textColor="#000"
                android:textSize="17sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/preference_last_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="關於微信"
                android:textColor="#000"
                android:textSize="17sp" />

            <!-- *********************************************************************** -->

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="14dp"
                android:background="@drawable/preference_single_item"
                android:clickable="true"
                android:drawableRight="@drawable/mm_submenu"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:text="清空聊天記錄"
                android:textColor="#000"
                android:textSize="17sp" />

            <!-- *********************************************************************** -->

            <Button
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="14dp"
                android:layout_marginLeft="12dp"
                android:layout_marginRight="12dp"
                android:layout_marginTop="14dp"
                android:background="@drawable/btn_style_red"
                android:gravity="center"
                android:onClick="exit_settings"
                android:padding="4dp"
                android:text="退出登入"
                android:textColor="#fff"
                android:textSize="18sp" />
        </LinearLayout>
    </ScrollView>

</LinearLayout>

這裡用到的.9圖片較多，後面也會把原始碼上傳

在Activity中只需要設定佈局就可以了

package com.dzt.settinglist;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Toast;

public class MainActivity extends Activity implements OnClickListener {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main_settings);
		initWidgets();
	}

	private void initWidgets() {
		findViewById(R.id.tv_info).setOnClickListener(this);
		findViewById(R.id.tv_card).setOnClickListener(this);
	}

	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		switch (v.getId()) {
		case R.id.tv_info:

			Toast.makeText(this, "您點選了 個人資訊", Toast.LENGTH_LONG).show();
			break;
		case R.id.tv_card:
			Toast.makeText(this, "您點選了 二維碼名片", Toast.LENGTH_LONG).show();
			break;

		default:
			break;
		}
	}

}

下載路徑：http://pan.baidu.com/s/1i4pk0Bj

Android類似設定列表分類顯示

在設定介面有很多設定項，有時需要分類顯示，如下所示，如設定項過多，還會用到ScrollView，這是一個很通用的介面，只需要設定一些圖片和佈局就能達到這種效果，不用寫幾行程式碼，下面就做下記錄，方便自己或有需要的朋友使用。佈局檔案 main_settings.xml &

android recycleview設定成gridview顯示樣式

android.support.v7.widget.RecyclerView equitemntLlist; equitemntLlist=(android.support.v7.widget.RecyclerView)findViewById(R.id.equitemntL

android SpannableString 設定文字特殊顯示

效果： Spannable sp; if ("智慧接送".equals(id)){ //設定背景為空 view.tv_left_infocontext.setBackground(null); //SpannableString的具

Android 設定全屏顯示

方法一: 動態編碼的方式 //去掉視窗標題 requestWindowFeature(Window.FEATURE_NO_TITLE); //隱藏頂部狀態列 getWindow().addFlags(WindowManager.La

Android 列表分類

1.主頁面佈局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmln

android Textview設定單行顯示，多餘的顯示省略號

singleline設定為true，則可以實現單行顯示 ellipsize則是控制省略號的位置，分別有start（開始）,middle（中間）,end（最後），marquee（跑馬燈）。程式碼展示： <TextView android:

android EditText 設定密碼明文密文顯示方法

在登入註冊介面，使用者常常要輸入密碼，密碼顯示有兩種模式：明文顯示和密文顯示。這兩種切換模式的方法如下：密文設定： EditText et = (EditText)findViewById(R.id.et); TransformationMethod

android　自定義ListView顯示微信聊天好友列表

我們使用listView實現顯示微信好友列表，如下圖所示這是MainActivity的程式碼如下： <span style="font-size:18px;">package com.listviewdodo; import java.util.Arr

Android中通過反射來設定Toast的顯示時間

這個Toast的顯示在Android中的用途還是很大的，同時我們也知道toast顯示的時間是不可控的，我們只能修改他的顯示樣式和顯示的位置，雖然他提供了一個顯示時間的設定方法，但是那是沒有效果的(後面會說到)，他有兩個靜態的常量Toast.SHORT和Toast.LONG，這

Android設定RecyclerView為GridLayoutManager的時候，根據內容的長度，設定每行顯示不同span

電商專案，搜尋介面，有搜尋歷史和熱詞推薦。item內容都是TextView，但是如果設定每行顯示的item為固定的話，那麼某個詞如果過長的話，當前介面肯定不和諧。下面是處理方法； gridLayoutManager = new GridLayoutManager(this,

ImageView的屬性android:scaleType設定最佳比例圖片顯示

實現圖片輪播，以前的大圖片比例會在GuideGallery中自動縮放，後來編輯把圖片大小修改了。在大屏不能適應螢幕。試了很多方法終於解決。先說Imageview的屬性。可在java程式碼中實現，也可以在Xml檔案中設定。 imageView.setScaleType(Ima

Android分組列表懸停顯示，分組listView懸停效果，帶下拉重新整理和上拉載入更多

分組列表，帶下拉重新整理和上拉載入更多【專案地址在文章最後！！】效果圖：實現過程，借鑑PinnedHeadListView，但是該demo沒有下拉重新整理功能，故將該控制元件整合到PullToRefresh 庫中，【PullToRefresh 庫為第

Android Dialog設定TYPE_SYSTEM_ALERT 小米，魅族手機不能顯示問題

在對話方塊初始的時候，設定 Java程式碼 mProgressDialog.getWindow().setType(WindowManager.LayoutParams.TYPE_SYSTEM_ALERT); 可以讓對話方塊始終顯示在其他應用程式的window

Android實現類似股票列表聯動

package com.example.leftrightdemo; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.graphics.Color; import

v-for迴圈遍歷:vue-商品列表查詢資料分類顯示，json資料格式的解析

以餓了麼來舉例吧，我們要顯示下圖畫線框裡面的食物資訊，資料是遍歷json資料出來的， json資料在呢？結構是醬紫的數組裡面放了多個物件。物件裡面放了陣列的同時又放了若干物件，我們要實現上圖的效果（將套餐類，特色雞公煲套餐分類顯示），就要把foods這個數組裡面的nam

android textview設定html中圖片顯示問題

顯示本地mipmap／drawable檔案下圖片： string info = "<img src=\"img_talk_peaple_only\"/>"; text.setText(Html.fromHtml(info, new Html.Im

Android SDK Manager 無法下載更新，或者更新速度超慢，或者待安裝包列表不顯示。

圖1 hosts檔案的屬性框再次開啟hosts檔案，在其尾部空白處新增下列程式碼，儲存即可： #Google主頁 203.208.46.146 www.google.com #這行是為了方便開啟Android開發官網現在好像不VPN也可以開啟 74.125.113.121 developer

Android：仿QQ照片選擇器（按相簿分類顯示，多選新增）

本例的目的是實現類似於QQ的照片選擇功能。選擇照片之後，使用類似於新浪微博發微博頁面進行展示。先上效果圖：本例中使用的主要技術： 1.使用ContentProvider讀取SD卡所有圖片資訊。 2.對1中獲取的圖片，以圖片所屬的父資料夾進

android優雅的解決列表巢狀類似訂單列表這種

常見問題，類似訂單列表這種，每個大item，有相同佈局，但有些頭部和底部View沒辦法根據資料型別複用，如下圖。很多人採用列表巢狀列表來做，但這樣會造成UI卡頓，因為滑動的時候外層列表的Item需不斷的去設定內層列表的adapter。機智的我覺得肯定是有

Android下拉列表顯示

文字列表目標效果：執行顯示下拉列表，點選可展開，點選子專案會將子專案顯示到橫線上，並且在TextView中顯示選擇的城市。 1.activity_main.xml頁面新增Spinner控制元件。 activity_main.

Android類似設定列表分類顯示

相關推薦