有時候因爲項目的界面風格 很多控件如果使用原生的樣式感覺會與整體風格有些不搭 所以需要自定義樣式 很多項目中自定義控件都是必不可少的 這裏參考網上的一些資料 實現了一個自定義Spinner 記錄下 加深印象
效果圖:
彈框是通過一個重寫的Dialog和Listview實現
第一步 重寫Dialog類SelectDialog.java
import android.app.AlertDialog;
import android.content.Context;
import android.os.Bundle;
public class SelectDialog extends AlertDialog {
public SelectDialog(Context context, int theme) {
super(context, theme);
}
public SelectDialog(Context context) {
super(context);
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// setContentView(R.layout.slt_cnt_type);
}
}
第二步重寫Spinner類CustomerSpinner.java
import java.util.ArrayList;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Spinner;
import android.widget.AdapterView.OnItemClickListener;
public class CustomerSpinner extends Spinner implements OnItemClickListener {
public static SelectDialog dialog = null;
private ArrayList<String> list;
public static String text;
public CustomerSpinner(Context context, AttributeSet attrs) {
super(context, attrs);
}
//如果視圖定義了OnClickListener監聽器,調用此方法來執行
@Override
public boolean performClick() {
Context context = getContext();
final LayoutInflater inflater = LayoutInflater.from(getContext());
final View view = inflater.inflate(R.layout.formcustomspinner, null);
final ListView listview = (ListView) view
.findViewById(R.id.formcustomspinner_list);
ListviewAdapter adapters = new ListviewAdapter(context, getList());
listview.setAdapter(adapters);
listview.setOnItemClickListener(this);
dialog = new SelectDialog(context, R.style.dialog);//創建Dialog並設置樣式主題
LayoutParams params = new LayoutParams(650, LayoutParams.FILL_PARENT);
dialog.setCanceledOnTouchOutside(true);// 設置點擊Dialog外部任意區域關閉Dialog
dialog.show();
dialog.addContentView(view, params);
return true;
}
@Override
public void onItemClick(AdapterView<?> view, View itemView, int position,
long id) {
setSelection(position);
setText(list.get(position));
if (dialog != null) {
dialog.dismiss();
dialog = null;
}
}
public ArrayList<String> getList() {
return list;
}
public void setList(ArrayList<String> list) {
this.list = list;
}
public String getText() {
return text;
}
public void setText(String text) {
this.text = text;
}
}
這裏用Listview來顯示數據 ArrayList<String> list存儲所要顯示的數據 text存儲每次spinner選中的值 在監聽spinner並獲取當前選中的值的時候用到
dialog的樣式設置:styles.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="dialog" parent="@android:style/Theme.Dialog">
<item name="android:windowFrame">@null</item><!--邊框-->
<item name="android:windowIsFloating">true</item><!--是否浮現在activity之上-->
<item name="android:windowIsTranslucent">false</item><!--半透明-->
<item name="android:windowNoTitle">true</item><!--無標題-->
<!-- <item name="android:windowBackground">@color/alpha_bg</item>背景透明-->
<item name="android:backgroundDimEnabled">false</item><!--模糊-->
</style>
</resources>
Listview的代碼很簡單 自己寫一個adapter就好了
第三步 在xml文件中引用自定義的spinner
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal" android:layout_width="fill_parent"
android:layout_height="fill_parent" android:background="#ffffff" android:id="@+id/layout"
>
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text="草帽海賊團 :" android:textColor="#000000" android:textSize="20dp"
android:layout_marginTop="15dp"/>
<com.spinner.test.CustomerSpinner android:background="@drawable/bg_spinner"
android:layout_width="150dp" android:layout_height="50dp" android:id="@+id/spinner"
android:layout_marginTop="15dp"/>
</LinearLayout>
到這裏差不多就完成了 不過這個還有個缺陷 每次使用時通過 spinner.setList(list);爲其加載數據 當程序返回或者退出這個節目在進入時 listview中的數據會重複 這裏只能通過這個辦法來解決了
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if(keyCode == KeyEvent.KEYCODE_BACK){
list.clear();
}
return super.onKeyDown(keyCode, event);
}
每次返回或退出時 清空list 就可以啦