非常にお勧めの記事:ようこそお気に入り
のAndroidドライシェア
5分、毎日10時、あなたと生涯学習を読んで、ここでのAndroidのプログラマです
この資料に記載されているAndroid
この記事を読んで知識の開発の一部を、次のことを刈り取ります。
- その実装するカスタムViewクラス
- カスタムビュー]タブ
- カスタムレイアウトビュー
- カスタムビューセレクター
- カスタムビューのクリップ
- アクティビティカスタムビューのレイアウトを参照
- 活動は、カスタムビューを使用しています
カスタムItemToggleView
一般的に使用されるSettings
開口部に主制御スイッチを閉じます。
カスタムItemToggleView
次のような結果を達成:
1.カスタムビュークラスを実装します
public class ItemToggleView extends RelativeLayout {
private static final String TAG = "ItemToggleView";
private TextView tv_title;
private TextView tv_des;
private static final String NAMESPACE = "http://schemas.android.com/apk/res/com.programandroid";
private String mDesTitle;
private String mDesOff;
private String mDesOn;
private ImageView mImageView;
private boolean isOnOFF;
public ItemToggleView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initAttrs(attrs);
initUI(context);
}
public ItemToggleView(Context context, AttributeSet attrs) {
super(context, attrs);
initAttrs(attrs);
initUI(context);
}
public ItemToggleView(Context context) {
super(context);
initUI(context);
}
// 单独抽取出来的 xml--->view
private void initUI(Context context) {
View.inflate(context, R.layout.item_toggle_view, this);
tv_title = (TextView) findViewById(R.id.tv_title);
tv_des = (TextView) findViewById(R.id.tv_des);
mImageView = (ImageView) findViewById(R.id.switch_imageview);
tv_title.setText(mDesTitle);
}
public boolean getCheck() {
return isOnOFF;
}
/**
* @param isCheck
* 传递一个选中未选中的状态变量(true 选中 false未选中)
*/
public void setCheck(boolean isCheck) {
// mSwitchControlView.setChecked(isCheck);
if (isCheck) {
tv_des.setText(mDesOn);
mImageView.setImageDrawable(getResources().getDrawable(
R.drawable.toggle_on));
} else {
tv_des.setText(mDesOff);
mImageView.setImageDrawable(getResources().getDrawable(
R.drawable.toggle_off));
}
isOnOFF = isCheck;
}
/**
* @param attrs
* 包含了属性名称和属性值的set集合
*/
private void initAttrs(AttributeSet attrs) {
// 打印属性总个数
/*
* Log.i(tag, "attrs.getAttributeCount() = "+attrs.getAttributeCount());
* for(int i=0;i<attrs.getAttributeCount();i++){ //获取所有的属性名称 Log.i(tag,
* "属性名称 = "+attrs.getAttributeName(i)); Log.i(tag,
* "属性值 = "+attrs.getAttributeValue(i)); }
*/
mDesTitle = attrs.getAttributeValue(NAMESPACE, "desTitle");
mDesOff = attrs.getAttributeValue(NAMESPACE, "desOff");
mDesOn = attrs.getAttributeValue(NAMESPACE, "desOn");
Log.i(TAG, mDesTitle);
Log.i(TAG, mDesOff);
Log.i(TAG, mDesOn);
}
}
2. [カスタム表示]タブ
1.注:カスタムAndroidの名前空間
同じAndroid
名前空間の(xmlns:android="http://schemas.android.com/apk/res/android" )
カスタム使用するような方法はview
属性を、カスタム宣言する必要がありますview
名前空間を
(xmlns:programandroid="http://schemas.android.com/apk/res/com.programandroid")
2.注:カスタムビューのプロパティ
カスタムView
次のような特性は以下のとおりです。
programandroid:desOff=" 不选中"
programandroid:desOn=" 选中"
programandroid:desTitle=" WIFI "
で宣言されたプロパティres/values/attrs.xml
の定義
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="ItemCheckView"><!--SettingItemView申明控件,内部可以包含自定义属性-->
<attr name="desTitle" format="string"/><!--标题描述属性-->
<attr name="desOff" format="string"/><!--关闭更新属性-->
<attr name="desOn" format="string"/><!--开启更新属性-->
</declare-styleable>
</resources>
3.表示のカスタマイズレイアウト
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp" >
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/primary_text_light"
android:textSize="18sp" />
<TextView
android:id="@+id/tv_des"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/tv_title"
android:textColor="@android:color/secondary_text_light"
android:textSize="14sp" />
<ImageView
android:id="@+id/switch_imageview"
android:layout_width="50dp"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:src="@drawable/toggle_on" />
</RelativeLayout>
4.カスタムビューセレクター
<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 按下去的背景颜色显示效果 -->
<item android:drawable="@drawable/list_item_bg_light_pressed" android:state_pressed="true"/>
<!-- 获取焦点时背景颜色显示效果 -->
<item android:drawable="@drawable/list_item_bg_light_pressed" android:state_focused="true"/>
<!-- 没有任何状态下的背景颜色 -->
<item android:drawable="@drawable/list_item_bg_light_normal"/>
</selector>
5.カスタムビューの創造
6.アクティビティカスタムビューレイアウト参照
<com.programandroid.CustomView.ItemToggleView
xmlns:programandroid="http://schemas.android.com/apk/res/com.programandroid"
android:id="@+id/custom_item_toggle_view"
android:layout_width="wrap_content"
android:layout_height="55dp"
android:background="@drawable/listview_item_selector"
programandroid:desOff=" 关闭"
programandroid:desOn=" 开启"
programandroid:desTitle=" WIFI " />
7.アクティビティの使用カスタムビュー
/**
* 自定义 ItemToggleView
*/
private void InitItemToggleView() {
// TODO Auto-generated method stub
final ItemToggleView mItemToggleView = (ItemToggleView) findViewById(R.id.custom_item_toggle_view);
mItemToggleView.setCheck(false);
mItemToggleView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
mItemToggleView.setCheck(!mItemToggleView.getCheck());
}
});
}
間違った場所、あなたの提案や修正を歓迎している場合これまでのところ、本明細書に、これは、終了しました。同時に、あなたの注意を楽しみにして、お読みいただきありがとうございました、ありがとうございました!