https://homeostasis.scs.carleton.ca/wiki/index.php?action=history&feed=atom&title=Mobile_Apps_2023W_Lecture_20 2026-04-08T04:54:16Z Revision history for this page on the wiki MediaWiki 1.42.1 https://homeostasis.scs.carleton.ca/wiki/index.php?title=Mobile_Apps_2023W_Lecture_20&diff=24407&oldid=prev 2023-03-24T21:15:39Z

<p>Created page with &quot;==Code== &lt;syntaxhighlight lang=&quot;kotlin&quot; line&gt; package carleton.comp2601.webviewcompose import android.os.Bundle import android.util.Log import android.view.ViewGroup import android.webkit.WebView import android.webkit.WebViewClient import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.layout.Row import androidx.compose.foundation.text.ClickableText import androidx.compose.material.* import androidx.com...&quot;</p> <p><b>New page</b></p><div>==Code==<br /> <br /> &lt;syntaxhighlight lang=&quot;kotlin&quot; line&gt;<br /> package carleton.comp2601.webviewcompose<br /> <br /> import android.os.Bundle<br /> import android.util.Log<br /> import android.view.ViewGroup<br /> import android.webkit.WebView<br /> import android.webkit.WebViewClient<br /> import androidx.activity.ComponentActivity<br /> import androidx.activity.compose.setContent<br /> import androidx.compose.foundation.layout.Row<br /> import androidx.compose.foundation.text.ClickableText<br /> import androidx.compose.material.*<br /> import androidx.compose.runtime.*<br /> import androidx.compose.ui.graphics.Color<br /> import androidx.compose.ui.text.AnnotatedString<br /> import androidx.compose.ui.tooling.preview.Preview<br /> import androidx.compose.ui.viewinterop.AndroidView<br /> <br /> class MainActivity : ComponentActivity() {<br /> <br /> override fun onCreate(savedInstanceState: Bundle?) {<br /> super.onCreate(savedInstanceState)<br /> setContent {<br /> // Calling the composable function<br /> // to display element and its contents<br /> MainContent()<br /> }<br /> }<br /> }<br /> <br /> // Creating a composable<br /> // function to display Top Bar<br /> @Composable<br /> fun MainContent() {<br /> var curURL by remember { mutableStateOf(&quot;https://news.ycombinator.com&quot;) }<br /> var navigate by remember { mutableStateOf(&quot;&quot;) }<br /> <br /> Scaffold(<br /> // topBar = { TopAppBar(title = {Text(&quot;COMP 2601&quot;)})},<br /> topBar = {<br /> Row {<br /> ClickableText(<br /> AnnotatedString(text = &quot;Back&quot;),<br /> onClick = {<br /> navigate = &quot;back&quot;<br /> Log.d(&quot;webviewCompose&quot;, &quot;navigate = back&quot;)<br /> }<br /> )<br /> URLBar(curURL = curURL, updateURL = { curURL = it })<br /> }<br /> },<br /> content = { MyContent(curURL = curURL, updateURL = { curURL = it },<br /> navigate = navigate, resetNavigate = { navigate = &quot;&quot;}) }<br /> )<br /> }<br /> <br /> @Composable<br /> fun URLBar(curURL: String, updateURL: (String) -&gt; Unit) {<br /> var newURL = &quot;&quot;<br /> <br /> TextField(<br /> value = curURL,<br /> //onFocusChange = { updateURL(newURL) },<br /> //onValueChange = { updatedURL: String -&gt; newURL = updatedURL},<br /> onValueChange = updateURL,<br /> label = { Text(&quot;Enter URL here&quot;) }<br /> )<br /> }<br /> <br /> @Composable<br /> fun MyContent(curURL: String, updateURL: (String) -&gt; Unit,<br /> navigate: String, resetNavigate: () -&gt; Unit){<br /> <br /> class ObservableWebViewClient : WebViewClient() {<br /> <br /> override fun shouldOverrideUrlLoading(view: WebView?, url: String?): Boolean {<br /> if (url != null) {<br /> updateURL(url)<br /> }<br /> return false<br /> }<br /> }<br /> <br /> // Adding a WebView inside AndroidView<br /> // with layout as full screen<br /> AndroidView(factory = {<br /> WebView(it).apply {<br /> // layoutParams = ViewGroup.LayoutParams(<br /> // ViewGroup.LayoutParams.MATCH_PARENT,<br /> // ViewGroup.LayoutParams.MATCH_PARENT<br /> // )<br /> webViewClient = ObservableWebViewClient()<br /> loadUrl(curURL)<br /> }<br /> }, update = {<br /> if (navigate == &quot;back&quot;) {<br /> Log.d(&quot;webviewCompose&quot;, &quot;Navigating back&quot;)<br /> it.goBack()<br /> val theURL = it.url<br /> if (theURL != null) {<br /> updateURL(theURL)<br /> }<br /> resetNavigate()<br /> } else {<br /> it.loadUrl(curURL)<br /> }<br /> })<br /> }<br /> <br /> // For displaying preview in<br /> // the Android Studio IDE emulator<br /> @Preview(showBackground = true)<br /> @Composable<br /> fun DefaultPreview() {<br /> MainContent()<br /> }<br /> &lt;/syntaxhighlight&gt;</div>

Soma