功能展示——顶部筛选框条件选择

xiaoxiao2021-02-28  56


本列要用到的图片地址

一、效果展示

二、布局

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:id="@+id/activity_main" 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" tools:context="com.android.daqsoft.mapnew.MainActivity"> <RadioGroup android:id="@+id/top_rg" android:layout_width="match_parent" android:layout_height="35dp" android:background="#ffffff" android:gravity="center" android:orientation="horizontal" android:paddingLeft="15dp" android:paddingRight="15dp" > <RadioButton android:id="@+id/rb_scenic" style="@style/map_radio" android:checked="true" android:text="景点" /> <RadioButton android:id="@+id/rb_hotel" style="@style/map_radio" android:text="酒店" /> <RadioButton android:id="@+id/rb_agency" style="@style/map_radio" android:text="旅行社" /> <RadioButton android:id="@+id/rb_bus" style="@style/map_radio" android:text="旅游大巴" /> </RadioGroup> </RelativeLayout>

@style/map_radio

<style name="map_radio"> <item name="android:layout_width">0dp</item> <item name="android:layout_height">wrap_content</item> <item name="android:layout_weight">1</item> <item name="android:background">@null</item> <item name="android:button">@null</item> <item name="android:drawableLeft">@drawable/radio_btn_selector</item> <item name="android:drawablePadding">5dp</item> <item name="android:textColor">@drawable/text_color_black_orange</item> </style>

@drawable/radio_btn_selector

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/cb_checked" android:state_checked="true"></item> <item android:drawable="@drawable/cb_checked" android:state_selected="true"></item> <item android:drawable="@drawable/cb_checked" android:state_pressed="true"></item> <item android:drawable="@drawable/cb_uncheck"></item> </selector>

@drawable/text_color_black_orange:

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_checked="true" android:color="@drawable/orange1"/> <item android:state_selected="true" android:color="@drawable/orange1"/> <item android:state_pressed="true" android:color="@drawable/orange1"/> <item android:state_checked="false" android:color="@color/black_gray"/> </selector>

@drawable/orange1

<drawable name="orange1">#ff9b23</drawable> <color name="black_gray">#333333</color>

三、主页面功能

package com.android.daqsoft.mapnew; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.util.Log; import android.widget.RadioGroup; public class MainActivity extends AppCompatActivity { private RadioGroup mRadioGroup; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mRadioGroup = (RadioGroup) findViewById(R.id.top_rg); mRadioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() { @Override public void onCheckedChanged(RadioGroup radioGroup, int i) { switch (i){ case R.id.rb_scenic: Log.e("--------","rb_scenic"); break; case R.id.rb_hotel: Log.e("--------","rb_hotel"); break; case R.id.rb_agency: Log.e("--------","rb_agency"); break; case R.id.rb_bus: Log.e("--------","rb_bus"); break; default: break; } } }); } }
转载请注明原文地址: https://www.6miu.com/read-82495.html

最新回复(0)