Androidで角が丸いEditTextを作成するにはどうすればよいですか?
この例は、Androidで角が丸いEditTextを作成する方法を示しています。
ステップ1 − Android Studioで新しいプロジェクトを作成し、[ファイル]⇒[新しいプロジェクト]に移動して、新しいプロジェクトを作成するために必要なすべての詳細を入力します。
ステップ2 −次のコードをres / layout/activity_main.xmlに追加します。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="https://schemas.android.com/apk/res/android" xmlns:app="https://schemas.android.com/apk/res-auto" xmlns:tools="https://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="16dp" tools:context=".MainActivity"> <EditText android:id="@+id/editText" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/et_style" android:hint="Your name" android:padding="10dp" /> </LinearLayout>
ステップ3 −ドローアブルリソースファイルを作成し、次のコードをdrawable/et_style.xmlに追加します
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="https://schemas.android.com/apk/res/android" android:shape="rectangle"> <stroke android:width="2dp" android:color="#0274be" /> <corners android:radius="8dp"/> </shape>
ステップ4 −次のコードをsrc / MainActivity.java
に追加しますpackage com.example.sample; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.EditText; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } }
ステップ5 −次のコードをManifests / AndroidManifest.xml
に追加します<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="https://schemas.android.com/apk/res/android" package="com.example.sample"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
-
CSS3の丸みを帯びたコーナーを作成するにはどうすればよいですか?
丸みを帯びた角を作成するには、CSS3のborder-radiusプロパティを使用します。以下は、丸みを帯びた角を作成するためのコードです- 例 <!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div { display: inline-block; width: 200px; &n
-
HTML5 SVGで角が丸い長方形を作成するにはどうすればよいですか?
SVGはScalableVectorGraphicsの略で、2DグラフィックスとグラフィカルアプリケーションをXMLで記述するための言語であり、XMLはSVGビューアによってレンダリングされます。ほとんどのWebブラウザーは、PNG、GIF、およびJPGを表示できるのと同じようにSVGを表示できます。 HTML SVGで長方形を描画するには、SVG要素を使用します。角が丸い場合は、長方形の角を丸くするrxおよびry属性を設定します。 例 次のコードを実行して、HTML5SVGで角が丸い長方形を描画する方法を学ぶことができます。 <!DOCTYPE html> <ht