【发布时间】：2016-01-24 19:22:15
【问题描述】：
我正在制作一个食谱应用程序，并希望创建一个收藏按钮，用户将单击灰色星形按钮，它将变为黄色星形按钮（我有一张灰色星形和黄色星形的图片)，然后单击主屏幕上的收藏夹链接后，所选收藏夹将显示在列表中
我在布局中有以下代码
<ImageButton android:id="@+id/favouritebtn"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:src="@drawable/staroff"
android:background="#00ffffff"
android:onClick="onToggleStar"
android:clickable="true"/>
谁能帮我写代码，这样当我点击星星时它会变成黄色并添加到收藏列表中
更新
FavoriteBtn.java
import android.app.Activity;
import android.content.Context;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;
public class FavouriteBtn extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.recipe);
final ImageButton imgButton =(ImageButton)findViewById(R.id.favbtn);
imgButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
boolean isFavourite = readState();
if (isFavourite) {
imgButton.setBackgroundResource(R.drawable.staroff);
isFavourite = false;
saveState(isFavourite);
} else {
imgButton.setBackgroundResource(R.drawable.staron);
isFavourite = true;
saveState(isFavourite);
}
}
});
}
private void saveState(boolean isFavourite) {
SharedPreferences aSharedPreferences = this.getSharedPreferences(
"Favourite", Context.MODE_PRIVATE);
SharedPreferences.Editor aSharedPreferencesEdit = aSharedPreferences
.edit();
aSharedPreferencesEdit.putBoolean("State", isFavourite);
aSharedPreferencesEdit.commit();
}
private boolean readState() {
SharedPreferences aSharedPreferences = this.getSharedPreferences(
"Favourite", Context.MODE_PRIVATE);
return aSharedPreferences.getBoolean("State", true);
}
}
食谱.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/RelativeLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/jbsbackground2"
android:orientation="vertical" >
<ImageView
android:id="@+id/iv_detail"
android:layout_width="fill_parent"
android:layout_height="150dp"
android:scaleType="centerCrop"
android:src="@drawable/barbecuedporkribs" />
<Button
android:id="@+id/button1"
android:layout_width="fill_parent"
android:layout_height="10dp"
android:layout_below="@+id/iv_detail"
android:background="#3D3C3A" />
<ScrollView
android:id="@+id/scrollView1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/button1" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/iv_detail"
android:layout_marginTop="5dp"
android:text="Recipe"
android:layout_toLeftOf="@id/favourites"
android:textColor="#000000"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textStyle="bold" />
<TextView
android:id="@+id/tvName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/textView2"
android:layout_marginTop="2dp"
android:text="TextView"
android:textColor="#000000"
android:textAppearance="?android:attr/textAppearanceMedium"
android:textStyle="italic" />
<TextView
android:id="@+id/tvFavourite"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add To Favourites (click star)"
android:textColor="#000000"
android:textAppearance="?android:attr/textAppearanceMedium"
android:textStyle="bold"
android:layout_above="@+id/tvName"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" />
<ImageButton
android:id="@+id/favbtn"
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@drawable/staroff"
android:background="#00ffffff"
android:onClick="onClick"
android:clickable="true"/>
<TextView
android:id="@+id/tvTD"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Ingredients"
android:textColor="#000000"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textStyle="bold"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
<TextView
android:id="@+id/tvIngredients"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/tvTD"
android:layout_marginTop="2dp"
android:text="TextView"
android:textColor="#000000"
android:textAppearance="?android:attr/textAppearanceMedium"
android:textStyle="italic" />
<TextView
android:id="@+id/tvK"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/tvIngredients"
android:layout_marginTop="5dp"
android:text="Preparation"
android:textColor="#000000"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textStyle="bold" />
<TextView
android:id="@+id/tvPreparation"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/tvK"
android:layout_marginTop="2dp"
android:text="TextView"
android:textColor="#000000"
android:textAppearance="?android:attr/textAppearanceMedium"
android:textStyle="italic" />
</LinearLayout>
</ScrollView>
【问题讨论】：
-
你有没有尝试过？如果您搜索如何判断用户何时单击按钮以及如何更改图像，您应该会找到一些非常简单的答案。
-
OP，在这里使用 android 评分栏示例 - mkyong.com/android/android-rating-bar-example 并将其转换为您的需要（在您的情况下，收藏夹）