現在、ログイン ページをデザインしていて、角丸四角形を使用する際に問題が発生しました。私の現在のレイアウトは次のようになります。
これは、小さい角丸長方形を含む角丸長方形です。
ご覧のとおり、両方の長方形の右端が結合しているように見えます。ただし、より鮮明な外観にするために、2 つの長方形の境界線間の距離を一定に保ちたいと考えています。これを行う方法はありますか?
現在、ログイン ページをデザインしていて、角丸四角形を使用する際に問題が発生しました。私の現在のレイアウトは次のようになります。
これは、小さい角丸長方形を含む角丸長方形です。
ご覧のとおり、両方の長方形の右端が結合しているように見えます。ただし、より鮮明な外観にするために、2 つの長方形の境界線間の距離を一定に保ちたいと考えています。これを行う方法はありますか?
では、XML で試してEditText
みることをお勧めします。layout_marginRight
そのためには、長方形の各コーナーの半径が同じである必要があります。
外側の長方形の角の半径が 10 dp の場合、内側の長方形の半径も 10 dp にする必要があります。
編集:
また、内側の長方形の上、下、右側に同じパディング/マージンを設定する必要があります。マージンとパディングを確認して、合計が同じ値になるようにします。
外側の四角形outerRect
に座標があり、既に含まれている場合は、 の境界を基準にして内側の四角形の境界を設定できますouterRect
。
Rect innnerRect = new Rect(outerRect.left+5, outerRect.top+5,
outerRect.right-5, outerRect.bottom-5);
イメージを 9 パッチのドローアブルにすることもできます。内側の四角形領域の中央を伸縮可能として定義します。