レイアウトの隅にバッジが欲しかった。レイアウト内にバッジを取得できましたが、その隅では達成できませんでした。
現在、私のコードは私に与えます:
欲しいもの:このバッジをレイアウトの右上隅に配置したい。
私はこのようなものが欲しいです:
Toolbar.xml
<?xml version="1.0" encoding="utf-8"?>
<Android.support.v7.widget.Toolbar xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:app="http://schemas.Android.com/apk/res-auto"
xmlns:tools="http://schemas.Android.com/tools"
Android:layout_width="match_parent"
Android:layout_height="@dimen/toolbar_height"
Android:background="@color/toolbar_color"
Android:contentInsetLeft="0dp"
Android:contentInsetStart="0dp"
Android:elevation="4dp"
Android:theme="@style/ThemeOverlay.AppCompat.Dark"
app:contentInsetLeft="0dp"
app:contentInsetStart="0dp">
<LinearLayout
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:weightSum="1"
Android:orientation="horizontal">
<TextView
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:id="@+id/textview"
Android:text="My Assignments"
Android:layout_gravity="center"
Android:gravity="center"
Android:layout_marginLeft="90dp"
Android:layout_weight="0.5"
Android:textSize="20sp"
/>
<RelativeLayout
Android:id="@+id/bell_linearlayout1"
Android:layout_width="35dp"
Android:layout_height="35dp"
Android:layout_gravity="center"
Android:layout_marginLeft="15dp">
<RelativeLayout
Android:id="@+id/bell_linearlayout"
Android:layout_width="50dp"
Android:layout_height="50dp"
Android:layout_gravity="center"
Android:background="#75aadb">
<ImageView
Android:layout_width="match_parent"
Android:layout_height="wrap_content"
Android:layout_marginTop="2dp"
Android:layout_centerInParent="true"
Android:id="@+id/cartIconImageView"
Android:src="@drawable/notification"/>
</RelativeLayout>
<RelativeLayout
Android:layout_width="25dip"
Android:layout_height="25dip"
Android:gravity="end|top|right"
Android:layout_alignParentTop="true"
Android:layout_marginBottom="100dp"
Android:layout_marginLeft="20dp">
<TextView
Android:id="@+id/textView1"
Android:layout_width="15dp"
Android:layout_height="15dp"
Android:layout_alignParentTop="true"
Android:background="@drawable/badge" />
</RelativeLayout>
</RelativeLayout>
<LinearLayout
Android:layout_width="35dp"
Android:layout_height="35dp"
Android:background="#75aadb"
Android:id="@+id/accountinfo_layout"
Android:layout_gravity="center"
Android:layout_marginLeft="10dp">
<ImageView
Android:layout_width="match_parent"
Android:layout_height="wrap_content"
Android:layout_marginTop="1dp"
Android:src="@drawable/profile"/>
</LinearLayout>
</LinearLayout>
</Android.support.v7.widget.Toolbar>
Drawable Badge.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:shape="rectangle">
<corners Android:radius="8dp" />
<solid Android:color="#f20000" />
<stroke
Android:width="2dip"
Android:color="#FFF" />
<padding
Android:bottom="6dp"
Android:left="6dp"
Android:right="6dp"
Android:top="6dp" />
</shape>
助けてください 。
<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:tools="http://schemas.Android.com/tools"
Android:id="@+id/layoutforprofileimage"
Android:layout_width="100dp"
Android:layout_height="100dp">
<ImageView
Android:id="@+id/image"
Android:layout_width="100dp"
Android:padding="2dp"
Android:src="@drawable/image"
Android:layout_height="100dp"
Android:layout_margin="6dp"/>
<TextView
Android:id="@+id/text"
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:scaleType="fitStart"
Android:layout_marginRight="0dp"
Android:padding="2dp"
Android:background="@drawable/button_pressed"
Android:gravity="center"
Android:minWidth="17sp"
Android:adjustViewBounds="true"
Android:minHeight="17sp"
Android:paddingBottom="1dp"
Android:paddingLeft="4dp"
Android:paddingRight="4dp"
Android:text="0"
Android:textColor="#ffffffff"
Android:textSize="12sp"
Android:visibility="visible"
Android:layout_gravity="center_horizontal"
Android:layout_alignParentTop="true"
Android:layout_alignParentEnd="true"
/>
</RelativeLayout>
少し古いかもしれませんが、誰かがこの投稿を読んだ場合、「新しい」ConstraintLayoutを使用した解決策があります。
そのため、最初にこれを新しいレイアウトファイル(ファイル名:user_cart_with_badge.xml)で実行し、ツールバーに含めます。
そのため、このファイルでは、使用するアイコンと、バッジとして使用するテキストを定義します。
このファイルの内容:
<?xml version="1.0" encoding="utf-8"?>
<Android.support.constraint.ConstraintLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:app="http://schemas.Android.com/apk/res-auto"
xmlns:tools="http://schemas.Android.com/tools"
Android:id="@+id/layoutforprofileimage"
Android:layout_width="wrap_content"
Android:layout_height="wrap_content">
<ImageButton
Android:id="@+id/btnOpenCart"
Android:layout_width="30dp"
Android:layout_height="30dp"
Android:layout_marginBottom="8dp"
Android:layout_marginEnd="8dp"
Android:layout_marginStart="8dp"
Android:layout_marginTop="8dp"
Android:background="?android:attr/selectableItemBackground"
Android:gravity="end"
app:srcCompat="@drawable/ic_menu_shooping_cart"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
Android:id="@+id/text"
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:layout_alignParentEnd="true"
Android:layout_alignParentRight="true"
Android:layout_alignParentTop="true"
Android:layout_gravity="center_horizontal"
Android:layout_marginBottom="16dp"
Android:layout_marginStart="16dp"
Android:layout_marginLeft="16dp"
Android:layout_marginTop="8dp"
Android:adjustViewBounds="true"
Android:gravity="center"
Android:minHeight="17sp"
Android:minWidth="17sp"
Android:padding="3dp"
Android:paddingBottom="1dp"
Android:paddingLeft="4dp"
Android:paddingRight="4dp"
Android:scaleType="fitStart"
Android:text="3"
Android:textColor="#ffffff"
Android:textSize="12sp"
Android:visibility="visible"
Android:background="@drawable/badge_background"
app:layout_constraintBottom_toBottomOf="@+id/btnOpenCart"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="@+id/btnOpenCart"
app:layout_constraintTop_toTopOf="parent" />
</Android.support.constraint.ConstraintLayout>
次に、TextViewバッジの背景も定義する必要があります。ドローアブルフォルダに新しいファイルを作成します。これを「badge_background.xml」と呼びます。私のことが気に入らなければ、これで link この背景の形についてもっと見ることができると思います。
このファイルの内容:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:shape="oval">
<corners Android:radius="2dp" />
<solid
Android:color="#ff4848"/>
<padding
Android:bottom="6dp"
Android:left="6dp"
Android:right="6dp"
Android:top="6dp" />
</shape>
そして最後に必要なのは、user_cart_with_badge.xmlレイアウトのコンテンツを、バッジ付きのこのカスタム画像が必要なファイル/レイアウトに含めることだけです。ツールバーに必要だとしましょう。
<Android.support.v7.widget.Toolbar
Android:id="@+id/toolbarMeat"
Android:layout_width="match_parent"
Android:layout_height="?attr/actionBarSize"
Android:background="?attr/colorPrimary"
app:theme="@style/AppTheme.Toolbar"
Android:gravity="end">
<include
Android:id="@+id/cardContainerForSettingsData"
layout="@layout/user_cart_with_badge"
Android:layout_width="wrap_content"
Android:layout_height="50dp"
Android:layout_marginBottom="8dp"
Android:layout_marginEnd="8dp"
Android:layout_marginStart="8dp"
Android:layout_marginTop="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/user_info_section" />
</Android.support.v7.widget.Toolbar>
これが何年も後にこれを読む誰かを助けることを願っています。
(RelativeLayoutの代わりに)FrameLayoutを使用し、ボタンと画像をその中に配置します。
画像(番号付きの円)とボタンを介して配置します
Android:layout_gravity="top|left"
Android:layout_marginTop="Xdp"
Android:layout_marginLeft="Xdp"
これがお役に立てば幸いです
私はこれを投稿するのが非常に遅いかもしれませんが、私はこれに固執し、これに対する非常に簡単な解決策を見つけましたが、右揃えと上揃えを使用するのが私が見つけた最も簡単な方法です。これが一部の人に役立つことを願っています。
<RelativeLayout
Android:layout_width="match_parent"
Android:layout_height="match_parent">
<ImageView
Android:id="@+id/opened"
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:background="@drawable/opened"
Android:layout_centerInParent="true"
Android:layout_marginTop="@dimen/_10sdp"
/>
<TextView
Android:id="@+id/notsopened"
Android:layout_alignRight="@+id/opened"
Android:layout_alignTop="@+id/opened"
Android:background="@drawable/notification_iconmain"
Android:layout_width="wrap_content"
Android:layout_height="wrap_content" />
</RelativeLayout>
バッジを設定するために利用できるライブラリがあります github.com/jgilfelt/Android-viewbadger それをダウンロードしてアプリケーションに追加します。
次のコードを使用します。
BadgeView homeimageviewbadge = new BadgeView(this,here add your layout);
homeimageviewbadge.setTextSize(12);
homeimageviewbadge.setTextColor(Color.parseColor("#ffffff"));
homeimageviewbadge.setBadgeBackgroundColor(Color.parseColor("#ff0000"));
homeimageviewbadge.setBadgePosition(BadgeView.POSITION_TOP_RIGHT);
homeimageviewbadge.settext("10");
homeimageviewbadge.show();
この方法で取得してください BadgeCounter
public class BadgeDrawable extends Drawable {
private float mTextSize;
private Paint mBadgePaint;
private Paint mBadgePaint1;
private Paint mTextPaint;
private Rect mTxtRect = new Rect();
private String mCount = "";
private boolean mWillDraw = false;
public BadgeDrawable(Context context) {
mTextSize = context.getResources().getDimension(R.dimen.badge_text_size);
mBadgePaint = new Paint();
mBadgePaint.setColor(Color.RED);
mBadgePaint.setAntiAlias(true);
mBadgePaint.setStyle(Paint.Style.FILL);
mBadgePaint1 = new Paint();
mBadgePaint1.setColor(Color.parseColor("#EEEEEE"));
mBadgePaint1.setAntiAlias(true);
mBadgePaint1.setStyle(Paint.Style.FILL);
mTextPaint = new Paint();
mTextPaint.setColor(Color.WHITE);
mTextPaint.setTypeface(Typeface.DEFAULT);
mTextPaint.setTextSize(mTextSize);
mTextPaint.setAntiAlias(true);
mTextPaint.setTextAlign(Paint.Align.CENTER);
}
@Override
public void draw(Canvas canvas) {
if (!mWillDraw) {
return;
}
Rect bounds = getBounds();
float width = bounds.right - bounds.left;
float height = bounds.bottom - bounds.top;
// Position the badge in the top-right quadrant of the icon.
/*Using Math.max rather than Math.min */
float radius = ((Math.max(width, height) / 2)) / 2;
float centerX = (width - radius - 1) +10;
float centerY = radius -5;
if(mCount.length() <= 2){
// Draw badge circle.
canvas.drawCircle(centerX, centerY, radius+9, mBadgePaint1);
canvas.drawCircle(centerX, centerY, radius+7, mBadgePaint);
}
else{
canvas.drawCircle(centerX, centerY, radius+10, mBadgePaint1);
canvas.drawCircle(centerX, centerY, radius+8, mBadgePaint);
}
// Draw badge count text inside the circle.
mTextPaint.getTextBounds(mCount, 0, mCount.length(), mTxtRect);
float textHeight = mTxtRect.bottom - mTxtRect.top;
float textY = centerY + (textHeight / 2f);
if(mCount.length() > 2)
canvas.drawText("99+", centerX, textY, mTextPaint);
else
canvas.drawText(mCount, centerX, textY, mTextPaint);
}
/*
Sets the count (i.e notifications) to display.
*/
public void setCount(String count) {
mCount = count;
// Only draw a badge if there are notifications.
mWillDraw = !count.equalsIgnoreCase("0");
invalidateSelf();
}
@Override
public void setAlpha(int alpha) {
// do nothing
}
@Override
public void setColorFilter(ColorFilter cf) {
// do nothing
}
@Override
public int getOpacity() {
return PixelFormat.UNKNOWN;
}
}
または、アプリアイコンにバッジが必要な場合は、使用してみてください ShortcutBadger